Move app info view sub components to separate folders

10 files changed, 30 insertions, 26 deletions

diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/AppInfoView.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/AppInfoView.tsx
index 2b0abe3b63..9f5fd04ae9 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/AppInfoView.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/AppInfoView.tsx
@@ -9,7 +9,7 @@ import { NavigationContainer } from '../../NavigationContainer';
 import { NavigationScrollbars } from '../../NavigationScrollbars';
 import SettingsHeader, { HeaderTitle } from '../../SettingsHeader';
 import { ChangelogListItem, UpdateAvailableListItem, VersionListItem } from './components';
-import { BetaListItem } from './components/BetaListItem';
+import { BetaListItem } from './components/beta-list-item';
 
 export function AppInfoView() {
   const { pop } = useHistory();
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/BetaListItem.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/beta-list-item/BetaListItem.tsx
index ea0348f955..320a9788c9 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/BetaListItem.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/beta-list-item/BetaListItem.tsx
@@ -1,10 +1,10 @@
 import React from 'react';
 
-import { messages } from '../../../../../shared/gettext';
-import { useAppContext } from '../../../../context';
-import { ListItem } from '../../../../lib/components/list-item';
-import { useSelector } from '../../../../redux/store';
-import Switch from '../../../Switch';
+import { messages } from '../../../../../../shared/gettext';
+import { useAppContext } from '../../../../../context';
+import { ListItem } from '../../../../../lib/components/list-item';
+import { useSelector } from '../../../../../redux/store';
+import Switch from '../../../../Switch';
 
 export const BetaListItem = () => {
   const isBeta = useSelector((state) => state.version.isBeta);
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/beta-list-item/index.ts b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/beta-list-item/index.ts
new file mode 100644
index 0000000000..133d5c3afe
--- /dev/null
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/beta-list-item/index.ts
@@ -0,0 +1 @@
+export * from './BetaListItem';
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/ChangelogListItem.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/changelog-list-item/ChangelogListItem.tsx
index e1c63261fe..40ecab7718 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/ChangelogListItem.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/changelog-list-item/ChangelogListItem.tsx
@@ -1,10 +1,10 @@
 import { useCallback } from 'react';
 
-import { messages } from '../../../../../shared/gettext';
-import { Icon } from '../../../../lib/components';
-import { ListItem } from '../../../../lib/components/list-item';
-import { useHistory } from '../../../../lib/history';
-import { RoutePath } from '../../../../lib/routes';
+import { messages } from '../../../../../../shared/gettext';
+import { Icon } from '../../../../../lib/components';
+import { ListItem } from '../../../../../lib/components/list-item';
+import { useHistory } from '../../../../../lib/history';
+import { RoutePath } from '../../../../../lib/routes';
 
 export function ChangelogListItem() {
   const history = useHistory();
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/changelog-list-item/index.ts b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/changelog-list-item/index.ts
new file mode 100644
index 0000000000..8a8329bd2c
--- /dev/null
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/changelog-list-item/index.ts
@@ -0,0 +1 @@
+export * from './ChangelogListItem';
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/index.ts b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/index.ts
index 1c7dcc318c..daaca08082 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/index.ts
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/index.ts
@@ -1,3 +1,3 @@
-export * from './VersionListItem';
-export * from './ChangelogListItem';
-export * from './UpdateAvailableListItem';
+export * from './version-list-item';
+export * from './changelog-list-item';
+export * from './update-available-list-item';
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/UpdateAvailableListItem.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/update-available-list-item/UpdateAvailableListItem.tsx
index f8b6439f0a..62a96c62ae 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/UpdateAvailableListItem.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/update-available-list-item/UpdateAvailableListItem.tsx
@@ -1,13 +1,13 @@
 import { useCallback } from 'react';
 import styled from 'styled-components';
 
-import { messages } from '../../../../../shared/gettext';
-import { Flex, Icon } from '../../../../lib/components';
-import { Dot } from '../../../../lib/components/dot';
-import { ListItem } from '../../../../lib/components/list-item';
-import { useHistory } from '../../../../lib/history';
-import { RoutePath } from '../../../../lib/routes';
-import { useSelector } from '../../../../redux/store';
+import { messages } from '../../../../../../shared/gettext';
+import { Flex, Icon } from '../../../../../lib/components';
+import { Dot } from '../../../../../lib/components/dot';
+import { ListItem } from '../../../../../lib/components/list-item';
+import { useHistory } from '../../../../../lib/history';
+import { RoutePath } from '../../../../../lib/routes';
+import { useSelector } from '../../../../../redux/store';
 
 const StyledText = styled(ListItem.Text)`
   margin-top: -4px;
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/update-available-list-item/index.ts b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/update-available-list-item/index.ts
new file mode 100644
index 0000000000..658fb4f345
--- /dev/null
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/update-available-list-item/index.ts
@@ -0,0 +1 @@
+export * from './UpdateAvailableListItem';
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/VersionListItem.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/version-list-item/VersionListItem.tsx
index bacfa7899a..414a0eece7 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/VersionListItem.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/version-list-item/VersionListItem.tsx
@@ -1,8 +1,8 @@
-import { messages } from '../../../../../shared/gettext';
-import { Box, Icon } from '../../../../lib/components';
-import { ListItem } from '../../../../lib/components/list-item';
-import { Colors } from '../../../../lib/foundations';
-import { useSelector } from '../../../../redux/store';
+import { messages } from '../../../../../../shared/gettext';
+import { Box, Icon } from '../../../../../lib/components';
+import { ListItem } from '../../../../../lib/components/list-item';
+import { Colors } from '../../../../../lib/foundations';
+import { useSelector } from '../../../../../redux/store';
 
 export const VersionListItem = () => {
   const appVersion = useSelector((state) => state.version.current);
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/version-list-item/index.ts b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/version-list-item/index.ts
new file mode 100644
index 0000000000..f21721307f
--- /dev/null
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/components/version-list-item/index.ts
@@ -0,0 +1 @@
+export * from './VersionListItem';