From 7a2e6e640dcddadf927d132c8c90a1ed6b9fc976 Mon Sep 17 00:00:00 2001
From: Ankit Matth <146843890+Ankit-Matth@users.noreply.github.com>
Date: Wed, 25 Oct 2023 21:48:25 +0530
Subject: [PATCH] [making required changes] - Update ConversationBubble.tsx

---
 .../src/conversation/ConversationBubble.tsx    | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/frontend/src/conversation/ConversationBubble.tsx b/frontend/src/conversation/ConversationBubble.tsx
index dc02447..7fb377b 100644
--- a/frontend/src/conversation/ConversationBubble.tsx
+++ b/frontend/src/conversation/ConversationBubble.tsx
@@ -162,7 +162,7 @@ const ConversationBubble = forwardRef<
               <div
                 className="flex items-center justify-center rounded-full p-2"
                 style={{
-                  backgroundColor: isCopyHovered ? '#edeef0' : '#ffffff',
+                  backgroundColor: isCopyHovered ? '#EEEEEE' : '#ffffff',
                 }}
               >
                 {copied ? (
@@ -199,16 +199,16 @@ const ConversationBubble = forwardRef<
                 style={{
                   backgroundColor: isLikeHovered
                     ? isLikeClicked
-                      ? '#dfe3f5'
-                      : '#edeef0'
+                      ? '#7D54D1'
+                      : '#EEEEEE'
                     : isLikeClicked
-                    ? '#dfe3f5'
+                    ? '#7D54D1'
                     : '#ffffff',
                 }}
               >
                 <Like
                   className={`cursor-pointer ${
-                    feedback === 'LIKE'
+                    isLikeClicked || (feedback === 'LIKE')
                       ? 'fill-white-3000 stroke-purple-30'
                       : 'fill-none  stroke-gray-4000'
                   }`}
@@ -238,16 +238,16 @@ const ConversationBubble = forwardRef<
                 style={{
                   backgroundColor: isDislikeHovered
                     ? isDislikeClicked
-                      ? '#fceded'
-                      : '#edeef0'
+                      ? '#F87171'
+                      : '#EEEEEE'
                     : isDislikeClicked
-                    ? '#fceded'
+                    ? '#F87171'
                     : '#ffffff',
                 }}
               >
                 <Dislike
                   className={`cursor-pointer ${
-                    feedback === 'DISLIKE'
+                   isDislikeClicked || (feedback === 'DISLIKE')
                       ? 'fill-white-3000 stroke-red-2000'
                       : 'fill-none  stroke-gray-4000'
                   }`}