From 6183b3ff76d5e15d4ff9c8e6ceda1de820f79926 Mon Sep 17 00:00:00 2001
From: AmbrishRamachandiran <ambrish.r@infosys.com>
Date: Mon, 16 Oct 2023 12:02:35 +0530
Subject: [PATCH] Adding tooltip to like dislike feedback buttons

Signed-off-by: AmbrishRamachandiran <ambrish.r@infosys.com>
---
 .../LikeDislikeButtons/LikeDislikeButtons.tsx | 44 ++++++++++---------
 1 file changed, 24 insertions(+), 20 deletions(-)

diff --git a/plugins/entity-feedback/src/components/LikeDislikeButtons/LikeDislikeButtons.tsx b/plugins/entity-feedback/src/components/LikeDislikeButtons/LikeDislikeButtons.tsx
index 718e32f357..6c634deefb 100644
--- a/plugins/entity-feedback/src/components/LikeDislikeButtons/LikeDislikeButtons.tsx
+++ b/plugins/entity-feedback/src/components/LikeDislikeButtons/LikeDislikeButtons.tsx
@@ -123,30 +123,34 @@ export const LikeDislikeButtons = (props: LikeDislikeButtonsProps) => {
 
   return (
     <>
-      <Tooltip title="Like">
-        <IconButton
-          data-testid="entity-feedback-like-button"
-          onClick={() => applyRating(FeedbackRatings.like)}
-        >
-          {rating === FeedbackRatings.like ? (
+      <IconButton
+        data-testid="entity-feedback-like-button"
+        onClick={() => applyRating(FeedbackRatings.like)}
+      >
+        {rating === FeedbackRatings.like ? (
+          <Tooltip title="Liked">
             <ThumbUpIcon fontSize="small" />
-          ) : (
+          </Tooltip>
+        ) : (
+          <Tooltip title="Like">
             <ThumbUpOutlinedIcon fontSize="small" />
-          )}
-        </IconButton>
-      </Tooltip>
-      <Tooltip title="Dislike">
-        <IconButton
-          data-testid="entity-feedback-dislike-button"
-          onClick={() => applyRating(FeedbackRatings.dislike)}
-        >
-          {rating === FeedbackRatings.dislike ? (
+          </Tooltip>
+        )}
+      </IconButton>
+      <IconButton
+        data-testid="entity-feedback-dislike-button"
+        onClick={() => applyRating(FeedbackRatings.dislike)}
+      >
+        {rating === FeedbackRatings.dislike ? (
+          <Tooltip title="Disliked">
             <ThumbDownIcon fontSize="small" />
-          ) : (
+          </Tooltip>
+        ) : (
+          <Tooltip title="Dislike">
             <ThumbDownOutlinedIcon fontSize="small" />
-          )}
-        </IconButton>
-      </Tooltip>
+          </Tooltip>
+        )}
+      </IconButton>
       <FeedbackResponseDialog
         entity={entity!}
         open={openFeedbackDialog}