Disable the Enqueue button when prompt is empty

src/lib/Generate.svelte

@@ -118,16 +118,20 @@
     resetPromptMatrix()
   }
 
-  // disable the Generate button when these conditions are met
-  $: disableGenerate =
+  // disable the Enqueue button when these conditions are met
+  $: disableEnqueue =
     !$stableDiffusionDirectory || // no stable diffusion directory
     !$pythonPath || // python path is not set
     $prompt.trim() === "" || // prompt is empty
     numPromptTokens > 80 || // giving user a bit more leeway than strictly 75 since we're estimating
-    $isGenerating || // disable while generating
     // if there are custom vars, make sure they're all filled
     ($extractedVars.length && !$allCustomVarsAreFilled)
 
+  // disable the Generate button when these conditions are met
+  $: disableGenerate =
+    disableEnqueue || // all the conditions for disabling the Enqueue button
+    $isGenerating // and in addition disable while generating
+
   $: if ($startQueue) {
     console.log("processing queue")
     startQueue.set(false)
@@ -378,7 +382,7 @@
     </div>
 
     <div class="flex items-center justify-between gap-4">
-      <PushToQueueBtn {disableGenerate} {copies} />
+      <PushToQueueBtn {disableEnqueue} {copies} />
 
       <!-- Generate button -->
       <button

src/lib/queue/PushToQueueBtn.svelte

@@ -34,7 +34,7 @@
     useRandomSeed,
   } from "../../store"
 
-  export let disableGenerate: boolean = false
+  export let disableEnqueue: boolean = false
   export let copies: number = 1
 
   function pushToQueue() {
@@ -109,6 +109,7 @@
 
 <button
   class="flex items-center"
+  disabled={disableEnqueue}
   on:click={pushToQueue}
   title="Push the current prompt or prompt matrix to the queue"
   use:tooltip={{ theme: isDark() ? "dark-border" : "light-border" }}