From e87c4b69036e32b4fcf3df89e8158fb52df6a4e0 Mon Sep 17 00:00:00 2001
From: vnugent <public@vaughnnugent.com>
Date: Thu, 4 Jan 2024 11:13:31 -0500
Subject: package updates & partial account page added

---
 extension/src/entries/options/App.vue | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

(limited to 'extension/src/entries/options/App.vue')

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" />
 
@@ -15,6 +19,11 @@
                 Identities
               </button>
             </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
@@ -55,6 +64,9 @@
             <TabPanel class="mt-4">
              <Identities :all-keys="allKeys" @edit-key="editKey"/>
             </TabPanel>
+            <TabPanel>
+              <Account/>
+            </TabPanel>
             <TabPanel>
               <Privacy/>
             </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
-- 
cgit 

