fixes

ui/noogle/src/components/Login.vue

@@ -28,6 +28,7 @@
               <img class="avatar"  src="/favicon.ico" alt="" />
             <h3 class="text-lg">Noogle</h3>
           </div>
+        <div v-if="!this.hasNWC">
            <p  class="py-4">Enter a Nostr Wallet connect string for easier zapping on the page</p>
         <div class="collapse bg-base-200">
   <input type="radio" name="my-accordion-1" />
@@ -73,8 +74,6 @@
                     <h3> Mutiny Wallet</h3>
                    <h3 class="text-sm text-neutral">Connect with your Mutiny Wallet</h3>
                  </div>
-
-
           </div>
 
           <div class="collapse-content">
@@ -113,6 +112,17 @@
           </form>
         </div>
         </div>
+        <div v-if="this.hasNWC">
+          <br>
+          <br>
+           <form method="dialog">
+            <button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
+            <!-- if there is a button in form, it will close the modal -->
+            <button class="btn" @click="disconnect_nwc()">Disconnect NWC</button>
+          </form>
+        </div>
+
+      </div>
 </dialog>
 
           <button className="btn" @click="sign_out()">Sign Out</button>
@@ -219,6 +229,7 @@ export default {
       nwc: ref(""),
       nwcmutiny: ref(""),
       nwcalby: ref(""),
+      hasNWC: ref(""),
       nwcconnector: ref("user"),
 
       pw: ref("")
@@ -263,6 +274,11 @@ export default {
       }
     await this.getnip89s()
       let nwc = loadNWCObject()
+      this.hasNWC = false
+
+      if(nwc != null && nwc.nwcUrl){
+         this.hasNWC = true
+      }
 
 
        if(nwc.connectorType === "alby"){
@@ -902,6 +918,14 @@ export default {
       await this.sign_in_anon()
     },
 
+    async disconnect_nwc(){
+      this.nwc = ""
+      this.nwcalby = ""
+      this.nwcmutiny = ""
+      this.hasNWC = false
+       localStorage.setItem("nwc", "{\"nwcUrl\":\"" + "" + "\",\"connectorName\":\""+ "" +"\",\"connectorType\":\"" + "" +"\"}" )
+    },
+
     async store_nwc(){
       let connector = ""
       let nwc = ""
@@ -918,6 +942,7 @@ export default {
         nwc  = this.nwc
       }
       localStorage.setItem("nwc", "{\"nwcUrl\":\"" + nwc + "\",\"connectorName\":\""+ connector +"\",\"connectorType\":\"" + connector +"\"}" )
+      this.hasNWC = true
     },
 
 

ui/noogle/src/layouts/ThreeColumnLayout.vue

@@ -6,18 +6,16 @@ import {isVisible} from "bootstrap/js/src/util/index.js";
 
 <template>
 
-  <div className="navbar bg-base-100">
+  <div className="navbar bg-base-100 scroll-auto">
   <div className="flex-none">
 
   </div>
   <div className="flex-1">
     <router-link  class="menu" to="/">Search</router-link>
     <router-link class="menu" to="/discover">Discover</router-link>
-    <router-link class="menu" to="/image">ImageGen</router-link>
+    <router-link class="menu" to="/image">Create</router-link>
     <!--<router-link class="menu" to="/about">About</router-link> -->
     <router-link class="menu" to="/nip89">DVMs</router-link>
-
-
   </div>
  <Login/>