Skip to content

C
canifa_note
Commit 4f10198e authored by Steven's avatar Steven
Browse files
Options

chore: add tooltip to icon buttons

parent 7722c416
Show whitespace changes
Inline Side-by-side
Showing with 15 additions and 9 deletions
web/src/pages/MemoDetail.tsx
View file @ 4f10198e
...@@ -124,16 +124,22 @@ const MemoDetail = () => { ...@@ -124,16 +124,22 @@ const MemoDetail = () => {
</div> </div>
<div className="flex flex-row sm:justify-end items-center"> <div className="flex flex-row sm:justify-end items-center">
{allowEdit && ( {allowEdit && (
<Tooltip title={"Edit"} placement="top">
<IconButton size="sm" onClick={handleEditMemoClick}> <IconButton size="sm" onClick={handleEditMemoClick}>
<Icon.Edit3 className="w-4 h-auto text-gray-600 dark:text-gray-400" /> <Icon.Edit3 className="w-4 h-auto text-gray-600 dark:text-gray-400" />
</IconButton> </IconButton>
</Tooltip>
)} )}
<Tooltip title={"Copy link"} placement="top">
<IconButton size="sm" onClick={handleCopyLinkBtnClick}> <IconButton size="sm" onClick={handleCopyLinkBtnClick}>
<Icon.Link className="w-4 h-auto text-gray-600 dark:text-gray-400" /> <Icon.Link className="w-4 h-auto text-gray-600 dark:text-gray-400" />
</IconButton> </IconButton>
</Tooltip>
<Tooltip title={"Share"} placement="top">
<IconButton size="sm" onClick={() => showShareMemoDialog(memo)}> <IconButton size="sm" onClick={() => showShareMemoDialog(memo)}>
<Icon.Share className="w-4 h-auto text-gray-600 dark:text-gray-400" /> <Icon.Share className="w-4 h-auto text-gray-600 dark:text-gray-400" />
</IconButton> </IconButton>
</Tooltip>
</div> </div>
</div> </div>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment