From ae9499301a1f7fa7e477890d5d8525a6c80f26a1 Mon Sep 17 00:00:00 2001
From: Jing Hua <tohjinghua123@gmail.com>
Date: Tue, 7 Mar 2023 23:57:27 +0800
Subject: [PATCH] style: error message + move stream to try block

---
 src/components/Chat/ChatContent/ChatContent.tsx | 4 ++--
 src/hooks/useSubmit.ts                          | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Chat/ChatContent/ChatContent.tsx b/src/components/Chat/ChatContent/ChatContent.tsx
index b8a58ce..4c95404 100644
--- a/src/components/Chat/ChatContent/ChatContent.tsx
+++ b/src/components/Chat/ChatContent/ChatContent.tsx
@@ -68,8 +68,8 @@ const ChatContent = () => {
           />
 
           {error !== '' && (
-            <div className='relative bg-red-600/50 p-2 rounded-sm w-3/5 mt-3 max-md:w-11/12'>
-              <div className='text-gray-900 dark:text-gray-300 text-sm whitespace-pre-line'>
+            <div className='relative py-2 px-3 w-3/5 mt-3 max-md:w-11/12 border rounded-md border-red-500 bg-red-500/10'>
+              <div className='text-gray-600 dark:text-gray-100 text-sm whitespace-pre-line'>
                 {error}
               </div>
               <div
diff --git a/src/hooks/useSubmit.ts b/src/hooks/useSubmit.ts
index b0935a6..2f2353b 100644
--- a/src/hooks/useSubmit.ts
+++ b/src/hooks/useSubmit.ts
@@ -29,9 +29,9 @@ const useSubmit = () => {
 
     setChats(updatedChats);
     setGenerating(true);
-    let stream;
 
     try {
+      let stream;
       const messages = limitMessageTokens(
         chats[currentChatIndex].messages,
         4000