chore: add tooltip to icon buttons

pull/2290/head
Steven 2 years ago
parent 7722c41680
commit 4f10198ec0

@ -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>

Loading…
Cancel
Save