jan/web/hooks/useChatMessages.ts
Faisal Amir 539b467141
ui: interface revamp (#429)
* feat: adding create bot functionality

Signed-off-by: James <james@jan.ai>

* update the temperature progress bar

Signed-off-by: James <james@jan.ai>

* WIP baselayout

* Mapping plugins with available preferences

* Added loader component

* WIP working another screen

* Cleanup types and avoid import one by one

* Prepare bottom bar

* Add css variables colors to enable user select the accent

* Enable change accent color

* Seperate css variable

* Fix conflict

* Add blank state of my model empty

* Restyle explore models page

* Enable user config left sidebar

* Restyle my models page

* WIP styling chat page

* Restyling chat message

* Fix conflict

* Adde form preferences setting plugins

* Fixed form bot info

* Sidebar bot chat

* Showing rightbar for both setting when user created bot

* Fix style bot info

* Using overflow auto intead of scroll

* Remove script built UI from root package

* Fix missig import

* Resolve error linter

* fix e2e tests

Signed-off-by: James <james@jan.ai>

---------

Signed-off-by: James <james@jan.ai>
Co-authored-by: James <james@jan.ai>
2023-10-24 10:59:12 +07:00

72 lines
2.0 KiB
TypeScript

import { toChatMessage } from '@models/ChatMessage'
import { executeSerial } from '@services/pluginService'
import { useAtomValue, useSetAtom } from 'jotai'
import { useEffect, useState } from 'react'
import { DataService } from '@janhq/core'
import { addOldMessagesAtom } from '@helpers/atoms/ChatMessage.atom'
import {
currentConversationAtom,
conversationStatesAtom,
updateConversationHasMoreAtom,
} from '@helpers/atoms/Conversation.atom'
/**
* Custom hooks to get chat messages for current(active) conversation
*
* @param offset for pagination purpose
* @returns
*/
const useChatMessages = (offset = 0) => {
const [loading, setLoading] = useState(true)
const addOldChatMessages = useSetAtom(addOldMessagesAtom)
const currentConvo = useAtomValue(currentConversationAtom)
const convoStates = useAtomValue(conversationStatesAtom)
const updateConvoHasMore = useSetAtom(updateConversationHasMoreAtom)
useEffect(() => {
if (!currentConvo) {
return
}
const hasMore = convoStates[currentConvo._id ?? '']?.hasMore ?? true
if (!hasMore) return
const getMessages = async () => {
executeSerial(DataService.GetConversationMessages, currentConvo._id).then(
(data: any) => {
if (!data) {
return
}
const newMessages = parseMessages(data ?? [])
addOldChatMessages(newMessages)
updateConvoHasMore(currentConvo._id ?? '', false)
setLoading(false)
}
)
}
getMessages()
}, [
offset,
convoStates,
addOldChatMessages,
updateConvoHasMore,
currentConvo,
])
return {
loading: loading,
error: undefined,
hasMore: convoStates[currentConvo?._id ?? '']?.hasMore ?? true,
}
}
function parseMessages(messages: RawMessage[]): ChatMessage[] {
const newMessages: ChatMessage[] = []
for (const m of messages) {
const chatMessage = toChatMessage(m)
newMessages.push(chatMessage)
}
return newMessages
}
export default useChatMessages