feat(app): save messages

kwaa · kwaa · commit a61a7ca06774 · 2025-05-23T22:13:02.000+08:00
diff --git a/app/src/components/ui/navbar-chat.tsx b/app/src/components/ui/navbar-chat.tsx
@@ -1,11 +1,10 @@
-import type { Message } from '@xsai/shared-chat'
-
 import { Container } from '@react-three/uikit'
 import { Button, Input } from '@react-three/uikit-default'
 import { SendIcon } from '@react-three/uikit-lucide'
 import { generateText } from '@xsai/generate-text'
 import { useState } from 'react'
 
+import { useMessages } from '~/hooks/use-messages'
 import { useLLMProvider } from '~/hooks/use-providers'
 
 export const NavbarChat = () => {
@@ -14,7 +13,7 @@ export const NavbarChat = () => {
 
   const [disabled, setDisabled] = useState(false)
 
-  const [msg, setMsg] = useState<Message[]>([])
+  const [msg, setMsg] = useMessages()
 
   const handleSubmit = async () => {
     setDisabled(true)
diff --git a/app/src/hooks/use-messages.ts b/app/src/hooks/use-messages.ts
@@ -0,0 +1,5 @@
+import type { Message } from '@xsai/shared-chat'
+
+import { useLocalStorage } from 'foxact/use-local-storage'
+
+export const useMessages = () => useLocalStorage<Message[]>('n3p6/messages', [])
