From 2ba94602a87c87b47f566745bdab40ce75e0e879 Mon Sep 17 00:00:00 2001
From: vnugent <public@vaughnnugent.com>
Date: Wed, 22 Nov 2023 02:21:53 -0500
Subject: latest patches, remove webext-bridge, lastest vnlib.browser

---
 extension/src/entries/popup/Components/Login.vue       | 2 +-
 extension/src/entries/popup/Components/PageContent.vue | 7 +++++++
 extension/src/entries/popup/main.js                    | 4 ++--
 3 files changed, 10 insertions(+), 3 deletions(-)

(limited to 'extension/src/entries/popup')

diff --git a/extension/src/entries/popup/Components/Login.vue b/extension/src/entries/popup/Components/Login.vue
index 44df714..93c0178 100644
--- a/extension/src/entries/popup/Components/Login.vue
+++ b/extension/src/entries/popup/Components/Login.vue
@@ -31,7 +31,7 @@ const token = ref('')
 const onSubmit = async () => {
     await apiCall(async ({ toaster }) => {
         await login(token.value)
-        toaster.general.success({
+        toaster.form.success({
             'title': 'Login successful',
             'text': 'Successfully logged into your profile'
         })
diff --git a/extension/src/entries/popup/Components/PageContent.vue b/extension/src/entries/popup/Components/PageContent.vue
index 1a3995e..e4fcb49 100644
--- a/extension/src/entries/popup/Components/PageContent.vue
+++ b/extension/src/entries/popup/Components/PageContent.vue
@@ -18,6 +18,12 @@
           <button class="rounded btn xs" @click.prevent="logout">
             <fa-icon icon="arrow-right-from-bracket" />
           </button>
+        </div>
+         <div class="my-auto">
+          <button class="rounded btn xs" @click="toggleDark" >
+            <fa-icon class="w-4" v-if="darkMode" icon="sun"/>
+            <fa-icon class="w-4" v-else icon="moon" />
+          </button>
         </div>
         <div class="my-auto">
           <button class="rounded btn xs" @click="openOptions">
@@ -106,6 +112,7 @@ const { copy, copied } = useClipboard()
 const pubKey = computed(() => selectedKey!.value?.PublicKey)
 
 const openOptions = () => runtime.openOptionsPage();
+const toggleDark = () => store.toggleDarkMode()
 
 //Watch for dark mode changes and update the body class
 watchEffect(() => darkMode.value ? document.body.classList.add('dark') : document.body.classList.remove('dark'));
diff --git a/extension/src/entries/popup/main.js b/extension/src/entries/popup/main.js
index a259e63..8b8a3d9 100644
--- a/extension/src/entries/popup/main.js
+++ b/extension/src/entries/popup/main.js
@@ -24,10 +24,10 @@ import "./local.scss"
 
 /* FONT AWESOME CONFIG */
 import { library } from '@fortawesome/fontawesome-svg-core'
-import { faArrowRightFromBracket, faCopy, faEdit, faGear, faMinus, faPlus, faSpinner } from '@fortawesome/free-solid-svg-icons'
+import { faArrowRightFromBracket, faCopy, faEdit, faGear, faMinus, faMoon, faPlus, faSpinner, faSun } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 
-library.add(faSpinner, faEdit, faGear, faCopy, faArrowRightFromBracket, faPlus, faMinus)
+library.add(faSpinner, faEdit, faGear, faCopy, faArrowRightFromBracket, faPlus, faMinus, faSun, faMoon)
 
 const bgPlugin = useBackgroundPiniaPlugin('popup')
 
-- 
cgit