Nicholai/jan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: add tooltip messages toolbar (#3138)

Browse Source
This commit is contained in:
Faisal Amir 2024-07-08 20:03:43 +07:00 committed by Louis
parent d175dea05a
commit 40dd0caaac
No known key found for this signature in database
GPG Key ID: 44FA9F4D33C37DE2
1 changed files with 33 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
web/screens/Thread/ThreadCenterPanel/MessageToolbar/index.tsx
View File

@ -9,6 +9,7 @@ import {
ContentType,
Thread,
} from '@janhq/core'
import { Tooltip } from '@janhq/joi'
import { useAtomValue, useSetAtom } from 'jotai'
import {
RefreshCcw,
@ -103,9 +104,14 @@ const MessageToolbar = ({ message }: { message: ThreadMessage }) => {
className="cursor-pointer rounded-lg border border-[hsla(var(--app-border))] p-2"
onClick={onEditClick}
>
<PencilIcon
size={14}
className="text-[hsla(var(--text-secondary))]"
<Tooltip
trigger={
<PencilIcon
size={14}
className="text-[hsla(var(--text-secondary))]"
/>
}
content="Edit"
/>
</div>
)}
@ -118,9 +124,14 @@ const MessageToolbar = ({ message }: { message: ThreadMessage }) => {
className="cursor-pointer rounded-lg border border-[hsla(var(--app-border))] p-2"
onClick={onRegenerateClick}
>
<RefreshCcw
size={14}
className="text-[hsla(var(--text-secondary))]"
<Tooltip
trigger={
<RefreshCcw
size={14}
className="text-[hsla(var(--text-secondary))]"
/>
}
content="Regenerate"
/>
</div>
)}
@ -134,9 +145,14 @@ const MessageToolbar = ({ message }: { message: ThreadMessage }) => {
{clipboard.copied ? (
<CheckIcon size={14} className="text-[hsla(var(--success-bg))]" />
) : (
<CopyIcon
size={14}
className="text-[hsla(var(--text-secondary))]"
<Tooltip
trigger={
<CopyIcon
size={14}
className="text-[hsla(var(--text-secondary))]"
/>
}
content="Copy"
/>
)}
</div>
@ -144,9 +160,14 @@ const MessageToolbar = ({ message }: { message: ThreadMessage }) => {
className="cursor-pointer rounded-lg border border-[hsla(var(--app-border))] p-2"
onClick={onDeleteClick}
>
<Trash2Icon
size={14}
className="text-[hsla(var(--text-secondary))]"
<Tooltip
trigger={
<Trash2Icon
size={14}
className="text-[hsla(var(--text-secondary))]"
/>
}
content="Delete"
/>
</div>
</div>