better store and disabling

ui/frontend/build_src/src/components/organisms/creationPanel/basicCreation/makeButton/index.tsx

@@ -14,6 +14,7 @@ export default function MakeButton() {
   const parallelCount = useImageCreate((state) => state.parallelCount);
   const builtRequest = useImageCreate((state) => state.builtRequest);
   const addNewImage = useImageQueue((state) => state.addNewImage);
+  const hasQueue = useImageQueue((state) => state.hasQueuedImages());
   const isRandomSeed = useImageCreate((state) => state.isRandomSeed());
   const setRequestOption = useImageCreate((state) => state.setRequestOptions);
 
@@ -72,7 +73,11 @@ export default function MakeButton() {
   };
 
   return (
-    <button className={MakeButtonStyle} onClick={makeImages}>
+    <button
+      className={MakeButtonStyle}
+      onClick={makeImages}
+      disabled={hasQueue}
+    >
       Make
     </button>
   );

ui/frontend/build_src/src/components/organisms/creationPanel/basicCreation/makeButton/makeButton.css.ts

@@ -8,4 +8,8 @@ export const MakeButtonStyle = style({
   color: "white",
   padding: "8px",
   borderRadius: "5px",
+
+  ':disabled': {
+    backgroundColor: "rgb(38, 77, 141, 0.5)",
+  },
 });

ui/frontend/build_src/src/components/organisms/displayPanel/index.tsx

@@ -103,14 +103,16 @@ export default function DisplayPanel() {
         <div className={displayContainer}>
 
           <div className={CurrentDisplay}>
+            {/* TODO Put the in painting controls here */}
+            {/* <DrawImage imageData={completedImages[0].data}></DrawImage> */}
+
             <GeneratedImage
               key={completedImages[0].id}
               imageData={completedImages[0].data}
               metadata={completedImages[0].info}
             />
 
-            {/* TODO Put the in painting controls here */}
-            <DrawImage imageData={completedImages[0].data}></DrawImage>
+
           </div>
 
           <div className={previousImages}>

ui/frontend/build_src/src/stores/imageCreateStore.ts

@@ -66,7 +66,6 @@ type ModifiersList = string[];
 type ModifiersOptions = string | ModifiersList[];
 type ModifiersOptionList = ModifiersOptions[];
 
-
 interface ImageCreateState {
   parallelCount: number;
   requestOptions: ImageRequest;