Add default message when no proxy configured in the options page

mullvad · Oct 17, 2024 · c7c877c · c7c877c
1 parent b787777
commit c7c877c
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 16 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/Proxy/CustomProxies.vue b/src/components/Proxy/CustomProxies.vue
@@ -8,6 +8,8 @@ import TitleCategory from '@/components/TitleCategory.vue';
 import useSocksProxy from '@/composables/useSocksProxy';
 import useLocations from '@/composables/useLocations';
 
+import { openPopup } from '@/helpers/browserExtension';
+
 const { customProxy, hostProxySelect, toggleLocations } = useLocations();
 
 // For some reason importing `hostProxiesDetails` directly from useStore()
@@ -33,6 +35,13 @@ const handleCustomProxySelect = (host: string) => {
 </script>
 
 <template>
+  <NCard v-if="excludedHosts.length <= 0 && proxies.length <= 0" :bordered="false">
+    <p>
+      No custom proxies configured. You can configure the proxy through
+      <a class="underline cursor-pointer" @click="openPopup">the popup</a>.
+    </p>
+  </NCard>
+
   <NCard v-if="proxies.length > 0" :bordered="false" class="mb-4">
     <TitleCategory title="Custom proxies" />
     <div v-for="{ host, proxyDetails } in proxies" :key="host" :bordered="false" class="mb-4">

diff --git a/src/helpers/browserExtension.ts b/src/helpers/browserExtension.ts
@@ -19,4 +19,8 @@ export const openOptions = async (tab?: Tab) => {
   browser.runtime.openOptionsPage();
 };
 
+export const openPopup = () => {
+  browser.browserAction.openPopup();
+};
+
 export const { version } = browser.runtime.getManifest();