paulononato/backstage
1
0
Fork 0
Code Issues Pull Requests Actions 21 Packages Projects Releases Wiki Activity

Adding tooltip to like dislike feedback buttons

Browse Source 
Signed-off-by: AmbrishRamachandiran <ambrish.r@infosys.com>
This commit is contained in:
AmbrishRamachandiran
2023-10-16 12:02:35 +05:30
parent 48c8b93e98
commit 6183b3ff76
1 changed files with 24 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plugins/entity-feedback/src/components/LikeDislikeButtons/LikeDislikeButtons.tsx
+24 -20
View File
@@ -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}