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

feat: put timestamp under thread name in left panel

Browse Source
This commit is contained in:
Faisal Amir 2024-01-28 12:55:44 +07:00
parent 36a8809c64
commit 5fe68c16fd
2 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/hooks/useSendChatMessage.ts
View File

@ -172,7 +172,7 @@ export default function useSendChatMessage() {
const instructions = activeThread.assistants[0].instructions ?? '' const instructions = activeThread.assistants[0].instructions ?? ''
const tools = activeThread.assistants[0].tools ?? [] const tools = activeThread.assistants[0].tools ?? []
const updatedThread: Thread = { const initThread: Thread = {
...activeThread, ...activeThread,
assistants: [ assistants: [
{ {
@ -189,12 +189,13 @@ export default function useSendChatMessage() {
}, },
], ],
} }
updateThreadInitSuccess(activeThread.id) updateThreadInitSuccess(activeThread.id)
updateThread(updatedThread) updateThread(initThread)
await extensionManager await extensionManager
.get<ConversationalExtension>(ExtensionTypeEnum.Conversational) .get<ConversationalExtension>(ExtensionTypeEnum.Conversational)
?.saveThread(updatedThread) ?.saveThread(initThread)
} }
updateThreadWaiting(activeThread.id, true) updateThreadWaiting(activeThread.id, true)
@ -326,6 +327,14 @@ export default function useSendChatMessage() {
setFileUpload([]) setFileUpload([])
} }
const updatedThread: Thread = {
...activeThread,
updated: timestamp,
}
// cheange last update thread when send message
updateThread(updatedThread)
await extensionManager await extensionManager
.get<ConversationalExtension>(ExtensionTypeEnum.Conversational) .get<ConversationalExtension>(ExtensionTypeEnum.Conversational)
?.addNewMessage(threadMessage) ?.addNewMessage(threadMessage)

16
web/screens/Chat/ThreadList/index.tsx
View File

@ -84,7 +84,6 @@ export default function ThreadList() {
threads.map((thread, i) => { threads.map((thread, i) => {
const lastMessage = const lastMessage =
threadStates[thread.id]?.lastMessage ?? 'No new message' threadStates[thread.id]?.lastMessage ?? 'No new message'
return ( return (
<div <div
key={i} key={i}
@ -96,13 +95,10 @@ export default function ThreadList() {
}} }}
> >
<div className="relative z-10 p-4 py-4"> <div className="relative z-10 p-4 py-4">
<div className="flex justify-between"> <p className="line-clamp-1 text-xs leading-5 text-muted-foreground">
<h2 className="line-clamp-1 font-bold">{thread.title}</h2> {thread.updated && displayDate(thread.updated)}
<p className="mb-1 line-clamp-1 text-xs leading-5 text-muted-foreground"> </p>
{thread.updated && <h2 className="line-clamp-1 font-bold">{thread.title}</h2>
displayDate(new Date(thread.updated).getTime())}
</p>
</div>
<p className="mt-1 line-clamp-1 text-xs text-gray-700 group-hover/message:max-w-[160px] dark:text-gray-300"> <p className="mt-1 line-clamp-1 text-xs text-gray-700 group-hover/message:max-w-[160px] dark:text-gray-300">
{lastMessage || 'No new message'} {lastMessage || 'No new message'}
</p> </p>
@ -161,9 +157,9 @@ export default function ThreadList() {
<div className="flex cursor-pointer items-center space-x-2 px-4 py-2 hover:bg-secondary"> <div className="flex cursor-pointer items-center space-x-2 px-4 py-2 hover:bg-secondary">
<Trash2Icon <Trash2Icon
size={16} size={16}
className="text-muted-foreground" className="text-red-600 dark:text-red-300"
/> />
<span className="text-bold text-black dark:text-muted-foreground"> <span className="text-bold text-red-600 dark:text-red-300">
Delete thread Delete thread
</span> </span>
</div> </div>