Move too many devices to views folder

4 files changed, 25 insertions, 23 deletions

diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/AppRouter.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/AppRouter.tsx
index 5f0bf016d2..5e2df091b0 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/components/AppRouter.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/AppRouter.tsx
@@ -25,7 +25,6 @@ import SettingsImport from './SettingsImport';
 import SettingsTextImport from './SettingsTextImport';
 import StateTriggeredNavigation from './StateTriggeredNavigation';
 import Support from './Support';
-import TooManyDevices from './TooManyDevices';
 import UserInterfaceSettings from './UserInterfaceSettings';
 import {
   AppInfoView,
@@ -40,6 +39,7 @@ import {
   SettingsView,
   ShadowsocksSettingsView,
   SplitTunnelingView,
+  TooManyDevices,
   UdpOverTcpSettingsView,
   VpnSettingsView,
   WireguardSettingsView,
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/index.ts b/desktop/packages/mullvad-vpn/src/renderer/components/views/index.ts
index 7e721b496a..902c5d609d 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/components/views/index.ts
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/index.ts
@@ -10,6 +10,7 @@ export * from './changelog';
 export * from './settings';
 export * from './shadowsocks-settings';
 export * from './split-tunneling';
+export * from './too-many-devices';
 export * from './udp-over-tcp-settings';
 export * from './vpn-settings';
 export * from './wireguard-settings';
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/TooManyDevices.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/views/too-many-devices/TooManyDevices.tsx
index baa57853f4..d7e43a1034 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/components/TooManyDevices.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/too-many-devices/TooManyDevices.tsx
@@ -2,27 +2,27 @@ import { useCallback } from 'react';
 import { sprintf } from 'sprintf-js';
 import styled from 'styled-components';
 
-import { IDevice } from '../../shared/daemon-rpc-types';
-import { messages } from '../../shared/gettext';
-import log from '../../shared/logging';
-import { RoutePath } from '../../shared/routes';
-import { capitalizeEveryWord } from '../../shared/string-helpers';
-import { useAppContext } from '../context';
-import { Button, Flex, IconButton, Spinner } from '../lib/components';
-import { FlexColumn } from '../lib/components/flex-column';
-import { colors } from '../lib/foundations';
-import { TransitionType, useHistory } from '../lib/history';
-import { formatHtml } from '../lib/html-formatter';
-import { IconBadge, IconBadgeProps } from '../lib/icon-badge';
-import { useBoolean } from '../lib/utility-hooks';
-import { useSelector } from '../redux/store';
-import { AppMainHeader } from './app-main-header';
-import * as Cell from './cell';
-import { bigText, measurements, normalText, tinyText } from './common-styles';
-import CustomScrollbars from './CustomScrollbars';
-import { Footer, Layout, SettingsContainer } from './Layout';
-import List from './List';
-import { ModalAlert, ModalAlertType, ModalContainer, ModalMessage } from './Modal';
+import { IDevice } from '../../../../shared/daemon-rpc-types';
+import { messages } from '../../../../shared/gettext';
+import log from '../../../../shared/logging';
+import { RoutePath } from '../../../../shared/routes';
+import { capitalizeEveryWord } from '../../../../shared/string-helpers';
+import { useAppContext } from '../../../context';
+import { Button, Flex, IconButton, Spinner } from '../../../lib/components';
+import { FlexColumn } from '../../../lib/components/flex-column';
+import { colors } from '../../../lib/foundations';
+import { TransitionType, useHistory } from '../../../lib/history';
+import { formatHtml } from '../../../lib/html-formatter';
+import { IconBadge, IconBadgeProps } from '../../../lib/icon-badge';
+import { useBoolean } from '../../../lib/utility-hooks';
+import { useSelector } from '../../../redux/store';
+import { AppMainHeader } from '../../app-main-header';
+import * as Cell from '../../cell';
+import { bigText, measurements, normalText, tinyText } from '../../common-styles';
+import CustomScrollbars from '../../CustomScrollbars';
+import { Footer, Layout, SettingsContainer } from '../../Layout';
+import List from '../../List';
+import { ModalAlert, ModalAlertType, ModalContainer, ModalMessage } from '../../Modal';
 
 const StyledCustomScrollbars = styled(CustomScrollbars)({
   flex: 1,
@@ -77,7 +77,7 @@ const StyledDeviceDate = styled.span(tinyText, {
   color: colors.whiteAlpha60,
 });
 
-export default function TooManyDevices() {
+export function TooManyDevices() {
   const { reset } = useHistory();
   const { removeDevice, login, cancelLogin } = useAppContext();
   const accountNumber = useSelector((state) => state.account.accountNumber)!;
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/too-many-devices/index.ts b/desktop/packages/mullvad-vpn/src/renderer/components/views/too-many-devices/index.ts
new file mode 100644
index 0000000000..80b3cd0f74
--- /dev/null
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/too-many-devices/index.ts
@@ -0,0 +1 @@
+export * from './TooManyDevices';