4 files changed, 24 insertions, 22 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/AppRouter.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/AppRouter.tsx
index e5aa226a46..d2f5432c8b 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/components/AppRouter.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/AppRouter.tsx
@@ -19,7 +19,6 @@ import {
 import ExpiredAccountErrorView from './ExpiredAccountErrorView';
 import Filter from './Filter';
 import Focus, { IFocusHandle } from './Focus';
-import OpenVpnSettings from './OpenVpnSettings';
 import ProblemReport from './ProblemReport';
 import SelectLanguage from './SelectLanguage';
 import SettingsImport from './SettingsImport';
@@ -36,6 +35,7 @@ import {
   LoginView,
   MainView,
   MultihopSettingsView,
+  OpenVpnSettings,
   SettingsView,
   ShadowsocksSettingsView,
   SplitTunnelingView,
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 15529cc0b5..7e721b496a 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/components/views/index.ts
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/index.ts
@@ -5,6 +5,7 @@ export * from './launch';
 export * from './main';
 export * from './multihop-settings';
 export * from './login';
+export * from './open-vpn-settings';
 export * from './changelog';
 export * from './settings';
 export * from './shadowsocks-settings';
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/OpenVpnSettings.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/views/open-vpn-settings/OpenVpnSettings.tsx
index 0d68b5e80b..c519ea74d2 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/components/OpenVpnSettings.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/open-vpn-settings/OpenVpnSettings.tsx
@@ -2,31 +2,31 @@ import { useCallback, useMemo } from 'react';
 import { sprintf } from 'sprintf-js';
 import styled from 'styled-components';
 
-import { strings } from '../../shared/constants';
+import { strings } from '../../../../shared/constants';
 import {
   BridgeState,
   RelayProtocol,
   TunnelProtocol,
   wrapConstraint,
-} from '../../shared/daemon-rpc-types';
-import { messages } from '../../shared/gettext';
-import log from '../../shared/logging';
-import { removeNonNumericCharacters } from '../../shared/string-helpers';
-import { useAppContext } from '../context';
-import { useRelaySettingsUpdater } from '../lib/constraint-updater';
-import { useHistory } from '../lib/history';
-import { formatHtml } from '../lib/html-formatter';
-import { useSelector } from '../redux/store';
-import { AppNavigationHeader } from './';
-import { AriaDescription, AriaInput, AriaInputGroup, AriaLabel } from './AriaGroup';
-import * as Cell from './cell';
-import Selector, { SelectorItem } from './cell/Selector';
-import { BackAction } from './KeyboardNavigation';
-import { Layout, SettingsContainer } from './Layout';
-import { ModalMessage } from './Modal';
-import { NavigationContainer } from './NavigationContainer';
-import { NavigationScrollbars } from './NavigationScrollbars';
-import SettingsHeader, { HeaderTitle } from './SettingsHeader';
+} from '../../../../shared/daemon-rpc-types';
+import { messages } from '../../../../shared/gettext';
+import log from '../../../../shared/logging';
+import { removeNonNumericCharacters } from '../../../../shared/string-helpers';
+import { useAppContext } from '../../../context';
+import { useRelaySettingsUpdater } from '../../../lib/constraint-updater';
+import { useHistory } from '../../../lib/history';
+import { formatHtml } from '../../../lib/html-formatter';
+import { useSelector } from '../../../redux/store';
+import { AppNavigationHeader } from '../..';
+import { AriaDescription, AriaInput, AriaInputGroup, AriaLabel } from '../../AriaGroup';
+import * as Cell from '../../cell';
+import Selector, { SelectorItem } from '../../cell/Selector';
+import { BackAction } from '../../KeyboardNavigation';
+import { Layout, SettingsContainer } from '../../Layout';
+import { ModalMessage } from '../../Modal';
+import { NavigationContainer } from '../../NavigationContainer';
+import { NavigationScrollbars } from '../../NavigationScrollbars';
+import SettingsHeader, { HeaderTitle } from '../../SettingsHeader';
 
 const MIN_MSSFIX_VALUE = 1000;
 const MAX_MSSFIX_VALUE = 1450;
@@ -51,7 +51,7 @@ export const StyledSelectorContainer = styled.div({
   flex: 0,
 });
 
-export default function OpenVpnSettings() {
+export function OpenVpnSettings() {
   const { pop } = useHistory();
 
   const relaySettings = useSelector((state) => state.settings.relaySettings);
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/open-vpn-settings/index.ts b/desktop/packages/mullvad-vpn/src/renderer/components/views/open-vpn-settings/index.ts
new file mode 100644
index 0000000000..534d8c9e68
--- /dev/null
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/open-vpn-settings/index.ts
@@ -0,0 +1 @@
+export * from './OpenVpnSettings';