From c26573482e03bd0673e00d988173a5de796308e4 Mon Sep 17 00:00:00 2001
From: utin-francis-peter <utinfrancis.dev@gmail.com>
Date: Fri, 7 Jun 2024 17:28:13 +0100
Subject: [PATCH] style: retry query generation btn

---
 frontend/src/conversation/Conversation.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/frontend/src/conversation/Conversation.tsx b/frontend/src/conversation/Conversation.tsx
index 3cd3176d..03eb240f 100644
--- a/frontend/src/conversation/Conversation.tsx
+++ b/frontend/src/conversation/Conversation.tsx
@@ -173,6 +173,7 @@ export default function Conversation() {
                     type="QUESTION"
                     sources={query.sources}
                   ></ConversationBubble>
+
                   {prepResponseView(query, index)}
                 </Fragment>
               );
@@ -223,10 +224,13 @@ export default function Conversation() {
             )}
           </div>
         ) : (
-          <div className="flex flex-col items-center p-4">
-            <p>There was an error during generation</p>
+          <div className="flex w-full flex-col items-center p-4 pt-5 ">
+            <p className="dark:text-bright-gray">
+              There was an error during generation
+            </p>
             <button
-              className="p-4"
+              className="mt-3 rounded-full border-2 border-gray-400 py-3 px-8 text-lg text-gray-500 transition-colors delay-100  hover:border-gray-700 disabled:cursor-not-allowed dark:text-bright-gray"
+              disabled={status === 'loading'}
               onClick={() =>
                 handleQuestion(queries[queries.length - 1].prompt, true)
               }
@@ -236,7 +240,7 @@ export default function Conversation() {
           </div>
         )}
 
-        <p className="text-gray-595959 hidden w-[100vw] self-center bg-white bg-transparent p-5 text-center text-xs dark:bg-raisin-black dark:text-bright-gray md:inline md:w-full">
+        <p className="text-gray-595959 hidden w-[100vw] self-center  bg-white bg-transparent p-5 text-center text-xs dark:bg-raisin-black dark:text-bright-gray md:inline md:w-full">
           {t('tagline')}
         </p>
       </div>