Merge pull request #95 from davidxw/main

Disable upload file button when no file

.vscode/launch.json

@@ -0,0 +1,31 @@
+{
+    "version": "0.2.0",
+    "configurations": [
+      {
+        "name": "Next.js: debug server-side",
+        "type": "node-terminal",
+        "request": "launch",
+        "cwd": "${workspaceFolder}/src",
+        "command": "npm run dev"
+      },
+      {
+        "name": "Next.js: debug client-side",
+        "type": "chrome",
+        "request": "launch",
+        "cwd": "${workspaceFolder}/src",
+        "url": "http://localhost:3000"
+      },
+      {
+        "name": "Next.js: debug full stack",
+        "type": "node-terminal",
+        "request": "launch",
+        "cwd": "${workspaceFolder}/src",
+        "command": "npm run dev",
+        "serverReadyAction": {
+          "pattern": "started server on .+, url: (https?://.+)",
+          "uriFormat": "%s",
+          "action": "debugWithChrome"
+        }
+      }
+    ]
+  }

src/features/chat/chat-ui/chat-empty-state.tsx

@@ -20,7 +20,9 @@ interface Prop {
 }
 
 export const EmptyState: FC<Prop> = (props) => {
+
   const [showFileUpload, setShowFileUpload] = useState<ChatType>("simple");
+  const [isFileNull, setIsFileNull] = useState(true);
 
   const onSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
@@ -31,6 +33,7 @@ export const EmptyState: FC<Prop> = (props) => {
 
   const onChatTypeChange = (value: ChatType) => {
     setShowFileUpload(value);
+    setIsFileNull(true);
     props.onChatTypeChange(value);
   };
 
@@ -87,11 +90,12 @@ export const EmptyState: FC<Prop> = (props) => {
                 required
                 disabled={props.isUploadingFile}
                 placeholder="Describe the purpose of the document"
+                onChange={(e) => {setIsFileNull(e.currentTarget.value === null)}}
               />
               <Button
                 type="submit"
                 value="Upload"
-                disabled={props.isUploadingFile}
+                disabled={!(!isFileNull && !props.isUploadingFile)}
                 className="flex items-center gap-1"
               >
                 {props.isUploadingFile ? (