opensource/sqlchat
1
0
Fork 0
mirror of https://github.com/sqlchat/sqlchat.git synced 2025-07-28 17:53:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: implement setting modal

Browse Source
This commit is contained in:
steven
2023-03-24 15:58:08 +08:00
parent f2c4e33be4
commit 0218a9c065
8 changed files with 164 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
components/ChatView/index.tsx
View File

@ -1,3 +1,4 @@
import { head } from "lodash-es";
import { useEffect, useRef, useState } from "react";
import { toast } from "react-hot-toast";
import { getAssistantById, getPromptGeneratorOfAssistant, useChatStore, useMessageStore, useConnectionStore } from "@/store";
@ -27,6 +28,17 @@ const ChatView = () => {
});
}, [currentChat, isRequesting]);
useEffect(() => {
if (!connectionStore.currentConnectionCtx) {
return;
}
if (currentChat?.connectionId === connectionStore.currentConnectionCtx.connection.id) {
return;
}
const chatList = chatStore.chatList.filter((chat) => chat.connectionId === connectionStore.currentConnectionCtx?.connection.id);
chatStore.setCurrentChat(head(chatList));
}, [connectionStore.currentConnectionCtx]);
const sendMessageToCurrentChat = async () => {
if (!currentChat || !chatViewRef.current) {
return;
@ -101,7 +113,11 @@ const ChatView = () => {
<main ref={chatViewRef} className="relative w-full h-full max-h-full flex flex-col justify-start items-start overflow-y-auto bg-white">
<Header />
<div className="p-2 w-full h-auto grow max-w-3xl py-1 px-4 sm:px-8 mx-auto">
{messageList.length === 0 ? <EmptyView /> : messageList.map((message) => <MessageView key={message.id} message={message} />)}
{messageList.length === 0 ? (
<EmptyView className="-mt-12" />
) : (
messageList.map((message) => <MessageView key={message.id} message={message} />)
)}
{isRequesting && (
<div className="w-full pt-4 pb-8 flex justify-center items-center text-gray-600">
<Icon.Bi.BiLoader className="w-5 h-auto mr-2 animate-spin" /> Requesting...