From ee762c3c68dab4531b99df66f78af76dbb12b42f Mon Sep 17 00:00:00 2001
From: utin-francis-peter <utinfrancis.dev@gmail.com>
Date: Sun, 9 Jun 2024 13:47:51 +0100
Subject: [PATCH] chore: modified handleQuestion params for more clarity

---
 frontend/src/Hero.tsx                      | 10 ++++++++--
 frontend/src/conversation/Conversation.tsx | 19 +++++++++++++++----
 2 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/frontend/src/Hero.tsx b/frontend/src/Hero.tsx
index 69bf23a..f138ec4 100644
--- a/frontend/src/Hero.tsx
+++ b/frontend/src/Hero.tsx
@@ -4,7 +4,13 @@ import { useTranslation } from 'react-i18next';
 export default function Hero({
   handleQuestion,
 }: {
-  handleQuestion: (question: string) => void;
+  handleQuestion: ({
+    question,
+    isRetry,
+  }: {
+    question: string;
+    isRetry?: boolean;
+  }) => void;
 }) {
   const { t } = useTranslation();
   const demos = t('demo', { returnObjects: true }) as Array<{
@@ -30,7 +36,7 @@ export default function Hero({
             demo.query && (
               <Fragment key={key}>
                 <button
-                  onClick={() => handleQuestion(demo.query)}
+                  onClick={() => handleQuestion({ question: demo.query })}
                   className="w-full rounded-full border-2 border-silver px-6 py-4 text-left hover:border-gray-4000 dark:hover:border-gray-3000 xl:min-w-[24vw]"
                 >
                   <p className="mb-1 font-semibold text-black dark:text-silver">
diff --git a/frontend/src/conversation/Conversation.tsx b/frontend/src/conversation/Conversation.tsx
index 2bb9d10..96a2d4d 100644
--- a/frontend/src/conversation/Conversation.tsx
+++ b/frontend/src/conversation/Conversation.tsx
@@ -89,7 +89,13 @@ export default function Conversation() {
     });
   };
 
-  const handleQuestion = (question: string, isRetry = false) => {
+  const handleQuestion = ({
+    question,
+    isRetry = false,
+  }: {
+    question: string;
+    isRetry?: boolean;
+  }) => {
     question = question.trim();
     if (question === '') return;
     setEventInterrupt(false);
@@ -198,7 +204,7 @@ export default function Conversation() {
                 if (e.key === 'Enter' && !e.shiftKey) {
                   e.preventDefault();
                   if (inputRef.current?.textContent && status !== 'loading') {
-                    handleQuestion(inputRef.current.textContent);
+                    handleQuestion({ question: inputRef.current.textContent });
                     inputRef.current.textContent = '';
                   }
                 }
@@ -215,7 +221,9 @@ export default function Conversation() {
                   className="w-6 text-white "
                   onClick={() => {
                     if (inputRef.current?.textContent) {
-                      handleQuestion(inputRef.current.textContent);
+                      handleQuestion({
+                        question: inputRef.current.textContent,
+                      });
                       inputRef.current.textContent = '';
                     }
                   }}
@@ -233,7 +241,10 @@ export default function Conversation() {
               className="mt-3 flex items-center justify-center gap-3 rounded-full border-2 border-gray-400 py-3 px-8  text-lg text-gray-500 transition-colors delay-100 hover:border-gray-500 disabled:cursor-not-allowed dark:text-bright-gray"
               disabled={status === 'loading'}
               onClick={() =>
-                handleQuestion(queries[queries.length - 1].prompt, true)
+                handleQuestion({
+                  question: queries[queries.length - 1].prompt,
+                  isRetry: true,
+                })
               }
             >
               {/* <img