fix: 滚动不能到底的问题

weaigc · Aug 25, 2023 · 2742fa6 · 2742fa6
1 parent be69511
commit 2742fa6
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 5 deletions.
diff --git a/src/components/chat-suggestions.tsx b/src/components/chat-suggestions.tsx
@@ -24,7 +24,9 @@ export function ChatSuggestions({ setInput, suggestions = [] }: ChatSuggestionsP
 
   useEffect(() => {
     setSuggestions(suggestions)
-    window.scrollBy(0, 800)
+    setTimeout(() => {
+      window.scrollBy(0, 800)
+    }, 200)
   }, [])
 
   return currentSuggestions?.length ? (

diff --git a/src/lib/hooks/chat-history.ts b/src/lib/hooks/chat-history.ts
@@ -89,10 +89,13 @@ export function useChatHistory() {
     uri.searchParams.append('source', 'cib')
     const data = await fetchProxy({
       url: uri.toString(),
+      headers: {
+        'Content-Type': 'application/json',
+      },
       method: 'GET',
     })
     console.log('data', data)
-    updateStorage(data)
+    updateStorage({ clientId: chatHistory?.clientId || '', conversationId, history: [{ id: '0', text: 'hello', author: 'user' }] })
   }, [chatHistory])
 
   const refreshChats = useCallback(async () => {

diff --git a/src/pages/api/proxy.ts b/src/pages/api/proxy.ts
@@ -21,7 +21,7 @@ export default async function handler(req: NextApiRequest, res: NextApiResponse)
     })
     const text = await response.text()
       res.writeHead(200, {
-        'Content-Type': 'application/text',
+        'Content-Type': 'application/text; charset=UTF-8',
         'x-url': response.url,
         'x-status': response.status,
       })

diff --git a/src/state/index.ts b/src/state/index.ts
@@ -1,7 +1,7 @@
 import { BingWebBot } from '@/lib/bots/bing'
 import { BingConversationStyle, ChatMessageModel, BotId } from '@/lib/bots/bing/types'
 import { nanoid } from '@/lib/utils'
-import { atom } from 'jotai'
+import { atom, useAtom } from 'jotai'
 import { atomWithImmer } from 'jotai-immer'
 import { atomWithStorage, createJSONStorage } from 'jotai/utils'
 import { atomFamily } from 'jotai/utils'
@@ -38,18 +38,22 @@ const createBotInstance = () => {
 
 export const chatHistoryAtom = atomWithStorage<{
   clientId: string;
+  conversationId: string;
   history?: ChatMessageModel[],
 }>('chatHistory', {
   clientId: '',
+  conversationId: '',
   history: [],
 }, createJSONStorage(storage))
 
+// const [messages] = useAtom(chatHistoryAtom)
+
 export const chatFamily = atomFamily(
   (param: Param) => {
     return atomWithImmer({
       botId: param.botId,
       bot: createBotInstance(),
-      messages: [] as ChatMessageModel[],
+      messages: [],
       generatingMessageId: '',
       abortController: undefined as AbortController | undefined,
       conversationId: nanoid(),