* 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>
72 lines
2.0 KiB
TypeScript
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
|