From 52bc1268b10c2ba7da9212aed42ce7a0ea06c3b5 Mon Sep 17 00:00:00 2001
From: Paul Phu <paulphu@gmail.com>
Date: Tue, 4 Jul 2023 19:59:49 -0700
Subject: [PATCH] disable input box when submitting

---
 src/components/QAModal.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/QAModal.tsx b/src/components/QAModal.tsx
index c25f6b6..bb010bf 100644
--- 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">