From c7c877c8dd40108b7575d2b4e86643fa7236a7c4 Mon Sep 17 00:00:00 2001
From: rui hildt <rui@mullvad.net>
Date: Wed, 16 Oct 2024 16:03:49 +0200
Subject: [PATCH] Add default message when no proxy configured in the options
 page

---
 package-lock.json                      | 17 +----------------
 src/components/Proxy/CustomProxies.vue |  9 +++++++++
 src/helpers/browserExtension.ts        |  4 ++++
 3 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 772c1165..a08e5635 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,8 +11,7 @@
         "ipaddr.js": "^2.2.0",
         "naive-ui": "^2.39.0",
         "uuid": "^10.0.0",
-        "vue-query": "^1.26.0",
-        "vue-router": "^4.4.0"
+        "vue-query": "^1.26.0"
       },
       "devDependencies": {
         "@babel/preset-env": "^7.25.2",
@@ -16969,20 +16968,6 @@
         }
       }
     },
-    "node_modules/vue-router": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.4.0.tgz",
-      "integrity": "sha512-HB+t2p611aIZraV2aPSRNXf0Z/oLZFrlygJm+sZbdJaW6lcFqEDQwnzUBXn+DApw+/QzDU/I9TeWx9izEjTmsA==",
-      "dependencies": {
-        "@vue/devtools-api": "^6.5.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/posva"
-      },
-      "peerDependencies": {
-        "vue": "^3.2.0"
-      }
-    },
     "node_modules/vue-tsc": {
       "version": "2.0.29",
       "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-2.0.29.tgz",
diff --git a/src/components/Proxy/CustomProxies.vue b/src/components/Proxy/CustomProxies.vue
index 3cd1a42f..5944c09e 100644
--- 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
index 5953b9f8..44c5f9fe 100644
--- 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();