fix: add tooltip messages toolbar (#3138)

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

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,10 +104,15 @@ const MessageToolbar = ({ message }: { message: ThreadMessage }) => {
className="cursor-pointer rounded-lg border border-[hsla(var(--app-border))] p-2"
onClick={onEditClick}
>
<Tooltip
trigger={
<PencilIcon
size={14}
className="text-[hsla(var(--text-secondary))]"
/>
}
content="Edit"
/>
</div>
)}
@ -118,10 +124,15 @@ const MessageToolbar = ({ message }: { message: ThreadMessage }) => {
className="cursor-pointer rounded-lg border border-[hsla(var(--app-border))] p-2"
onClick={onRegenerateClick}
>
<Tooltip
trigger={
<RefreshCcw
size={14}
className="text-[hsla(var(--text-secondary))]"
/>
}
content="Regenerate"
/>
</div>
)}
@ -134,20 +145,30 @@ const MessageToolbar = ({ message }: { message: ThreadMessage }) => {
{clipboard.copied ? (
<CheckIcon size={14} className="text-[hsla(var(--success-bg))]" />
) : (
<Tooltip
trigger={
<CopyIcon
size={14}
className="text-[hsla(var(--text-secondary))]"
/>
}
content="Copy"
/>
)}
</div>
<div
className="cursor-pointer rounded-lg border border-[hsla(var(--app-border))] p-2"
onClick={onDeleteClick}
>
<Tooltip
trigger={
<Trash2Icon
size={14}
className="text-[hsla(var(--text-secondary))]"
/>
}
content="Delete"
/>
</div>
</div>
</div>