package updates & partial account page added

1 files changed, 21 insertions, 2 deletions

diff --git a/extension/src/entries/options/App.vue b/extension/src/entries/options/App.vue
index dd71209..d1da48e 100644
--- a/extension/src/entries/options/App.vue
+++ b/extension/src/entries/options/App.vue
@@ -1,5 +1,9 @@
 <template>
   <main id="injected-root">
+    
+    <!-- Global password/confirm promps -->
+    <ConfirmPrompt />
+    <PasswordPrompt />
 
     <notifications class="toaster" group="form" position="top-right" />
 
@@ -17,6 +21,11 @@
             </Tab>
             <Tab v-slot="{ selected }">
               <button class="tab-title" :class="{ selected }">
+                  Account
+              </button>
+            </Tab>
+            <Tab v-slot="{ selected }">
+              <button class="tab-title" :class="{ selected }">
                 Privacy
               </button>
             </Tab>
@@ -56,6 +65,9 @@
              <Identities :all-keys="allKeys" @edit-key="editKey"/>
             </TabPanel>
             <TabPanel>
+              <Account/>
+            </TabPanel>
+            <TabPanel>
               <Privacy/>
             </TabPanel>
             <TabPanel>
@@ -115,6 +127,9 @@ import SiteSettings from './components/SiteSettings.vue';
 import Identities from './components/Identities.vue';
 import Privacy from "./components/Privacy.vue";
 import { useStore } from "../store";
+import Account from "./components/Account.vue";
+import ConfirmPrompt from "../../components/ConfirmPrompt.vue";
+import PasswordPrompt from "../../components/PasswordPrompt.vue";
 
 
 //Configure the notifier to use the notification library
@@ -128,7 +143,7 @@ const keyBuffer = ref<NostrPubKey>({} as NostrPubKey)
 
 const editKey = (key: NostrPubKey) =>{
   //Goto hidden tab
-  selectedTab.value = 3
+  selectedTab.value = 4
   //Set selected key
   keyBuffer.value = { ...key }
 }
@@ -165,7 +180,7 @@ watchEffect(() => darkMode.value ? document.body.classList.add('dark') : documen
 
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
 
 main {
   font-family: Avenir, Helvetica, Arial, sans-serif;
@@ -198,4 +213,8 @@ main {
   }
 }
 
+.text-color-background{
+  @apply text-gray-400 dark:text-gray-500;
+}
+
 </style>
\ No newline at end of file