diff --git a/app/client/src/comments/CommentCard/CommentContextMenu.tsx b/app/client/src/comments/CommentCard/CommentContextMenu.tsx index 17cd05dc5d76..8490baaa3a46 100644 --- a/app/client/src/comments/CommentCard/CommentContextMenu.tsx +++ b/app/client/src/comments/CommentCard/CommentContextMenu.tsx @@ -9,12 +9,14 @@ import { UNPIN_COMMENT, createMessage, EDIT_COMMENT, + MORE_OPTIONS, } from "constants/messages"; import { noop } from "lodash"; import "@blueprintjs/popover2/lib/css/blueprint-popover2.css"; import { Popover2 } from "@blueprintjs/popover2"; +import Tooltip from "components/ads/Tooltip"; // render over popover portals const Container = styled.div``; @@ -149,7 +151,9 @@ function CommentContextMenu({ placement={"bottom-end"} portalClassName="comment-context-menu" > - + + + ); } diff --git a/app/client/src/comments/CommentCard/ResolveCommentButton.tsx b/app/client/src/comments/CommentCard/ResolveCommentButton.tsx index 2c3062ba0e40..8d4971616a5a 100644 --- a/app/client/src/comments/CommentCard/ResolveCommentButton.tsx +++ b/app/client/src/comments/CommentCard/ResolveCommentButton.tsx @@ -2,6 +2,8 @@ import React from "react"; import styled, { withTheme } from "styled-components"; import Icon, { IconSize } from "components/ads/Icon"; import { Theme } from "constants/DefaultTheme"; +import Tooltip from "components/ads/Tooltip"; +import { createMessage, RESOLVE_THREAD } from "constants/messages"; const Container = styled.div` display: flex; @@ -52,14 +54,16 @@ const ResolveCommentButton = withTheme( return ( - + + + ); }, diff --git a/app/client/src/components/ads/EmojiPicker.tsx b/app/client/src/components/ads/EmojiPicker.tsx index 09f1937f8698..de2d7341272f 100644 --- a/app/client/src/components/ads/EmojiPicker.tsx +++ b/app/client/src/components/ads/EmojiPicker.tsx @@ -7,6 +7,8 @@ import { withTheme } from "styled-components"; import { Theme } from "constants/DefaultTheme"; import "@blueprintjs/popover2/lib/css/blueprint-popover2.css"; import "emoji-mart/css/emoji-mart.css"; +import Tooltip from "components/ads/Tooltip"; +import { ADD_REACTION, createMessage, EMOJI } from "constants/messages"; const EmojiPicker = withTheme( ({ @@ -50,12 +52,14 @@ const EmojiPicker = withTheme( }} portalClassName="emoji-picker-portal" > - + + + ); }, diff --git a/app/client/src/constants/messages.ts b/app/client/src/constants/messages.ts index cffd4b2281b0..7cfbb98231eb 100644 --- a/app/client/src/constants/messages.ts +++ b/app/client/src/constants/messages.ts @@ -469,3 +469,9 @@ export const MERGE_CHANGES = () => "Merge Changes"; export const SELECT_BRANCH_TO_MERGE = () => "Select branch to merge"; export const DOWNLOAD_FILE_NAME_ERROR = () => "File name was not provided"; + +// Comment card tooltips +export const MORE_OPTIONS = () => "More Options"; +export const ADD_REACTION = () => "Add Reaction"; +export const RESOLVE_THREAD = () => "Resolve Thread"; +export const EMOJI = () => "Emoji";