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

enhancement: move token speed to bottom (#4276)

Browse Source
This commit is contained in:
Faisal Amir 2024-12-16 16:06:17 +08:00 committed by GitHub
parent 9bb73f10b7
commit e5a2d41206
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
web/screens/Thread/ThreadCenterPanel/TextMessage/index.tsx
View File

@ -80,24 +80,27 @@ const MessageContainer: React.FC<
<p className="text-xs font-medium text-gray-400"> <p className="text-xs font-medium text-gray-400">
{displayDate(props.created)} {displayDate(props.created)}
</p> </p>
{tokenSpeed &&
tokenSpeed.message === props.id &&
tokenSpeed.tokenSpeed > 0 && (
<p className="absolute right-8 text-xs font-medium text-[hsla(var(--text-secondary))]">
Token Speed: {Number(tokenSpeed.tokenSpeed).toFixed(2)}t/s
</p>
)}
</div> </div>
<div className="flex w-full flex-col"> <div className="flex w-full flex-col ">
<div <div
className={twMerge( className={twMerge(
'absolute right-0 order-1 mt-2 flex cursor-pointer items-center justify-start gap-x-2 transition-all', 'absolute right-0 order-1 mt-2 flex cursor-pointer items-center justify-start gap-x-2 transition-all',
props.isCurrentMessage && !isUser props.isCurrentMessage && !isUser
? 'relative order-2 flex justify-end' ? 'relative left-0 order-2 flex w-full justify-between'
: 'hidden group-hover:absolute group-hover:right-4 group-hover:top-4 group-hover:flex' : 'hidden group-hover:absolute group-hover:right-4 group-hover:top-4 group-hover:flex'
)} )}
> >
<div>
{tokenSpeed &&
tokenSpeed.message === props.id &&
tokenSpeed.tokenSpeed > 0 && (
<p className="text-xs font-medium text-[hsla(var(--text-secondary))]">
Token Speed: {Number(tokenSpeed.tokenSpeed).toFixed(2)}t/s
</p>
)}
</div>
<MessageToolbar message={props} /> <MessageToolbar message={props} />
</div> </div>
<div <div