Merge pull request #33 from a16z-infra/disable-input-on-submit

disable input box when submitting
a16z-infra · Jul 5, 2023 · d8153f5 · d8153f5
2 parents 9fc4ab7 + 52bc126
commit d8153f5
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/QAModal.tsx b/src/components/QAModal.tsx
@@ -79,9 +79,10 @@ export default function QAModal({
                   <form onSubmit={handleSubmit}>
                     <input
                       placeholder="How's your day?"
-                      className="w-full flex-auto rounded-md border-0 bg-white/5 px-3.5 py-2 text-white shadow-sm focus:outline-none  sm:text-sm sm:leading-6"
+                      className={"w-full flex-auto rounded-md border-0 bg-white/5 px-3.5 py-2 shadow-sm focus:outline-none sm:text-sm sm:leading-6 " + (isLoading && !completion ? "text-gray-600 cursor-not-allowed" : "text-white")}                      
                       value={input}
                       onChange={handleInputChange}
+                      disabled={isLoading && !completion}
                     />
                   </form>
                   <div className="mt-3 sm:mt-5">