if empty string return

components/input-generation.tsx

@@ -3,7 +3,6 @@ import { useRef, useState } from "react";
 import { HiLightBulb, HiSearch } from "react-icons/hi";
 import { useUpdateEffect } from "react-use";
 import { useInputGeneration } from "./main/hooks/useInputGeneration";
-import { set } from "lodash";
 
 export const InputGeneration: React.FC = () => {
   const { prompt, setPrompt, submit, loading } = useInputGeneration();
@@ -28,12 +27,7 @@ export const InputGeneration: React.FC = () => {
           onChange={(e) => setValue(e.target.value)}
           onBlur={() => setPrompt(value)}
           onKeyDown={(e) => {
-            if (
-              e.key === "Enter" &&
-              (value || prompt) &&
-              !loading &&
-              (value !== "" || prompt !== "")
-            ) {
+            if (e.key === "Enter" && (value || prompt) && !loading) {
               setPrompt(value);
               setTimeout(() => {
                 submit();
@@ -51,8 +45,7 @@ export const InputGeneration: React.FC = () => {
           }
         )}
         onClick={() => {
-          if ((!value && !prompt) || loading || value === "" || prompt === "")
-            return;
+          if ((!value && !prompt) || loading) return;
           submit();
         }}
       >

components/main/hooks/useInputGeneration.ts

@@ -36,7 +36,9 @@ export const useInputGeneration = () => {
   const { mutate: submit, isLoading: loading } = useMutation(
     ["generation"],
     async () => {
-      // generate string random ID
+      const removeAllEmptySpace = prompt?.replace(/\s/g, '')
+      if (removeAllEmptySpace === '') return null
+      
       const id = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15)
       if (!hasMadeFirstGeneration) setFirstGenerationDone()
       client.setQueryData(["collections"], (old: any) => {