From 143854fa8164053d834120605784f83bf01ef339 Mon Sep 17 00:00:00 2001
From: Hanzalah Waheed <hanzalah.w@gmail.com>
Date: Wed, 13 Aug 2025 02:11:47 +0400
Subject: [PATCH] fix: show both like and dislike buttons

---
 .../src/conversation/ConversationBubble.tsx   | 39 +++++++------------
 1 file changed, 13 insertions(+), 26 deletions(-)

diff --git a/frontend/src/conversation/ConversationBubble.tsx b/frontend/src/conversation/ConversationBubble.tsx
index 38d4053f..0d708cd6 100644
--- a/frontend/src/conversation/ConversationBubble.tsx
+++ b/frontend/src/conversation/ConversationBubble.tsx
@@ -565,16 +565,9 @@ const ConversationBubble = forwardRef<
                 <div>{retryBtn}</div>
               </div>
             )}
-            {handleFeedback && (
+            {handleFeedback && type !== 'ERROR' && (
               <>
-                <div
-                  className={`relative mr-2 flex items-center justify-center ${
-                    (feedback === 'DISLIKE' || isDislikeClicked) &&
-                    type !== 'ERROR'
-                      ? 'hidden'
-                      : 'visible'
-                  }`}
-                >
+                <div className="relative mr-2 flex items-center justify-center">
                   <div>
                     <div
                       className={`flex items-center justify-center rounded-full p-2 ${
@@ -584,11 +577,7 @@ const ConversationBubble = forwardRef<
                       }`}
                     >
                       <Like
-                        className={`cursor-pointer ${
-                          isLikeClicked || feedback === 'LIKE'
-                            ? 'fill-white-3000 stroke-purple-30 dark:fill-transparent'
-                            : 'stroke-gray-4000 fill-none'
-                        }`}
+                        className={`${isLikeClicked || feedback === 'LIKE' ? 'fill-white-3000 stroke-purple-30 dark:fill-transparent' : 'stroke-gray-4000 fill-none'} cursor-pointer`}
                         onClick={() => {
                           if (feedback === undefined || feedback === null) {
                             handleFeedback?.('LIKE');
@@ -598,6 +587,10 @@ const ConversationBubble = forwardRef<
                             handleFeedback?.(null);
                             setIsLikeClicked(false);
                             setIsDislikeClicked(false);
+                          } else if (feedback === 'DISLIKE') {
+                            handleFeedback?.('LIKE');
+                            setIsDislikeClicked(false);
+                            setIsLikeClicked(true);
                           }
                         }}
                         onMouseEnter={() => setIsLikeHovered(true)}
@@ -607,13 +600,7 @@ const ConversationBubble = forwardRef<
                   </div>
                 </div>
 
-                <div
-                  className={`relative mr-2 flex items-center justify-center ${
-                    (feedback === 'LIKE' || isLikeClicked) && type !== 'ERROR'
-                      ? 'hidden'
-                      : 'visible'
-                  }`}
-                >
+                <div className="relative mr-2 flex items-center justify-center">
                   <div>
                     <div
                       className={`flex items-center justify-center rounded-full p-2 ${
@@ -623,11 +610,7 @@ const ConversationBubble = forwardRef<
                       }`}
                     >
                       <Dislike
-                        className={`cursor-pointer ${
-                          isDislikeClicked || feedback === 'DISLIKE'
-                            ? 'fill-white-3000 stroke-red-2000 dark:fill-transparent'
-                            : 'stroke-gray-4000 fill-none'
-                        }`}
+                        className={`${isDislikeClicked || feedback === 'DISLIKE' ? 'fill-white-3000 stroke-red-2000 dark:fill-transparent' : 'stroke-gray-4000 fill-none'} cursor-pointer`}
                         onClick={() => {
                           if (feedback === undefined || feedback === null) {
                             handleFeedback?.('DISLIKE');
@@ -637,6 +620,10 @@ const ConversationBubble = forwardRef<
                             handleFeedback?.(null);
                             setIsLikeClicked(false);
                             setIsDislikeClicked(false);
+                          } else if (feedback === 'LIKE') {
+                            handleFeedback?.('DISLIKE');
+                            setIsDislikeClicked(true);
+                            setIsLikeClicked(false);
                           }
                         }}
                         onMouseEnter={() => setIsDislikeHovered(true)}