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