From fe454dc9f45aedf4d9a793f24dbf14b9572018e5 Mon Sep 17 00:00:00 2001
From: Believethehype <1097224+believethehype@users.noreply.github.com>
Date: Mon, 2 Dec 2024 15:22:07 +0100
Subject: [PATCH] some feedback for images while waiting

---
 ui/noogle/src/components/ImageGeneration.vue | 11 ++++++++++-
 ui/noogle/src/store.js                       |  5 ++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/ui/noogle/src/components/ImageGeneration.vue b/ui/noogle/src/components/ImageGeneration.vue
index 0cba9b3..3f68356 100644
--- a/ui/noogle/src/components/ImageGeneration.vue
+++ b/ui/noogle/src/components/ImageGeneration.vue
@@ -79,6 +79,8 @@ async function generate_image(message) {
     requestid = signedEvent.id.toHex()
     requestids.push(requestid)
     store.commit('set_current_request_id_image', requestids)
+    store.commit('set_image_command_sent', true)
+
     await client.sendEvent(signedEvent)
 
 
@@ -114,9 +116,11 @@ async function listen() {
 
         }
         if (resonsetorequest === true) {
+           store.commit('set_image_command_sent', false)
           if (event.kind === 7000) {
 
 
+
             try {
               //console.log("7000: ", event.content);
               //console.log("DVM: " + event.author.toHex())
@@ -329,7 +333,7 @@ const submitHandler = async () => {
       <br>
       <input v-model="message" autofocus class="c-Input" placeholder="A purple ostrich..."
              @keyup.enter="generate_image(message)" @keydown.enter="nextInput">
-      <button class="v-Button" @click="generate_image(message)">Generate Image</button>
+      <button class="v-Button" :disabled="store.state.image_command_sent === true"  @click="generate_image(message)">Generate Image</button>
     </h3>
     <details class="collapse bg-base " className="advanced">
       <summary class="collapse-title font-thin bg">Advanced Options</summary>
@@ -342,6 +346,11 @@ const submitHandler = async () => {
         </div>
       </div>
     </details>
+
+     <div style="text-align: center">
+      <button v-if="store.state.image_command_sent === true" :disabled="true" class="badge border-nostr">Waiting for Replies by DVMs, hold on. <span
+          class="loading loading-infinity loading-md"></span></button>
+    </div>
   </div>
   <br>
 
diff --git a/ui/noogle/src/store.js b/ui/noogle/src/store.js
index 86299b4..597f4d9 100644
--- a/ui/noogle/src/store.js
+++ b/ui/noogle/src/store.js
@@ -31,6 +31,7 @@ const store = createStore({
             summarizationdvms: [],
             results: [],
             profile_results: [],
+            image_command_sent: false,
             relays: ["wss://relay.primal.net",
                   "wss://nostr.mom",
                   "wss://nostr.oxtr.dev",
@@ -84,7 +85,9 @@ const store = createStore({
         set_current_request_id_search2(state, requestid2) {
             state.requestidSearch2 = String(requestid2)
         },
-
+        set_image_command_sent(state, sent) {
+            state.image_command_sent = sent
+        },
 
         set_current_request_id_summarization(state, requestid) {
             state.requestidSummarization.length = 0