feat: remove unusued Regenerate button

Author: shiqimei

src/components/Chat/Chat.tsx

@@ -21,7 +21,6 @@ interface Props {
 export const Chat = memo(({ stopConversationRef }: Props) => {
   const {
     state: { selectedConversation, conversations },
-    handleUpdateConversation,
     dispatch: homeDispatch,
   } = useContext(ReactStreamChatContext)
 

src/components/Chat/ChatInput.tsx

@@ -115,7 +115,8 @@ export const ChatInput = ({
             className="absolute top-0 left-0 right-0 mx-auto mb-3 flex w-fit items-center gap-3 rounded border border-neutral-200 bg-white py-2 px-4 text-black hover:opacity-50 dark:border-neutral-600 dark:bg-[#343541] dark:text-white md:mb-0 md:mt-2"
             onClick={handleStopConversation}
           >
-            <IconPlayerStop size={16} /> {'Stop Generating'}
+            <IconPlayerStop size={16} />
+            Stop Generating
           </button>
         )}
 
@@ -126,7 +127,8 @@ export const ChatInput = ({
               className="absolute top-0 left-0 right-0 mx-auto mb-3 flex w-fit items-center gap-3 rounded border border-neutral-200 bg-white py-2 px-4 text-black hover:opacity-50 dark:border-neutral-600 dark:bg-[#343541] dark:text-white md:mb-0 md:mt-2"
               onClick={onRegenerate}
             >
-              <IconRepeat size={16} /> {'Regenerate response'}
+              <IconRepeat size={16} />
+              Regenerate response
             </button>
           )}
 

src/components/Chat/ChatMessage.tsx

@@ -25,12 +25,7 @@ export interface Props {
 export const ChatMessage: FC<Props> = memo(
   ({ message, messageIndex, onEdit }) => {
     const {
-      state: {
-        selectedConversation,
-        conversations,
-        currentMessage,
-        messageIsStreaming,
-      },
+      state: { selectedConversation, conversations, messageIsStreaming },
       dispatch: homeDispatch,
     } = useContext(ReactStreamChatContext)
 

src/components/Chat/Regenerate.tsx

@@ -1,29 +1,29 @@
-import { IconCheck, IconClipboard } from '@tabler/icons-react';
-import { FC, memo, useState } from 'react';
-import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
-import { oneDark } from 'react-syntax-highlighter/dist/cjs/styles/prism';
+import { IconCheck, IconClipboard } from '@tabler/icons-react'
+import { FC, memo, useState } from 'react'
+import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter'
+import { oneDark } from 'react-syntax-highlighter/dist/esm/styles/prism'
 
 interface Props {
-  language: string;
-  value: string;
+  language: string
+  value: string
 }
 
 export const CodeBlock: FC<Props> = memo(({ language, value }) => {
-  const [isCopied, setIsCopied] = useState<Boolean>(false);
+  const [isCopied, setIsCopied] = useState<Boolean>(false)
 
   const copyToClipboard = () => {
     if (!navigator.clipboard || !navigator.clipboard.writeText) {
-      return;
+      return
     }
 
     navigator.clipboard.writeText(value).then(() => {
-      setIsCopied(true);
+      setIsCopied(true)
 
       setTimeout(() => {
-        setIsCopied(false);
-      }, 2000);
-    });
-  };
+        setIsCopied(false)
+      }, 2000)
+    })
+  }
 
   return (
     <div className="codeblock relative font-sans text-[16px]">
@@ -49,6 +49,6 @@ export const CodeBlock: FC<Props> = memo(({ language, value }) => {
         {value}
       </SyntaxHighlighter>
     </div>
-  );
-});
-CodeBlock.displayName = 'CodeBlock';
+  )
+})
+CodeBlock.displayName = 'CodeBlock'

src/components/Markdown/CodeBlock.tsx

@@ -12,21 +12,19 @@ import {
 } from '@/utils/app/conversation'
 import { Conversation } from '@/types/chat'
 import { KeyValuePair } from '@/types/data'
-import { OpenAIModelID, OpenAIModels } from '@/types/openai'
+import { OpenAIModels } from '@/types/openai'
 import { Chat } from '@/components/Chat/Chat'
 import { ReactStreamChatContext } from './context'
 import { ReactStreamChatInitialState, initialState } from './state'
 import { v4 as uuidv4 } from 'uuid'
 
-const defaultModelId = OpenAIModelID.GPT_3_5
-
 export const ReactStreamChat = () => {
   const contextValue = useCreateReducer<ReactStreamChatInitialState>({
     initialState,
   })
 
   const {
-    state: { lightMode, conversations, selectedConversation },
+    state: { conversations, selectedConversation, defaultModelId },
     dispatch,
   } = contextValue
 
@@ -144,7 +142,7 @@ export const ReactStreamChat = () => {
     >
       {selectedConversation && (
         <main
-          className={`flex h-screen w-screen flex-col text-sm text-white dark:text-white ${lightMode}`}
+          className={`flex h-screen w-screen flex-col text-sm text-white dark:text-white dark`}
         >
           <div className="flex h-full w-full pt-[48px] sm:pt-0">
             <div className="flex flex-1">

src/components/ReactStreamChat/index.tsx

@@ -1,32 +1,20 @@
 import { Conversation, Message } from '@/types/chat'
-import { OpenAIModel, OpenAIModelID } from '@/types/openai'
+import { OpenAIModelID } from '@/types/openai'
 
 export interface ReactStreamChatInitialState {
   loading: boolean
-  lightMode: 'light' | 'dark'
   messageIsStreaming: boolean
-  models: OpenAIModel[]
   conversations: Conversation[]
   selectedConversation: Conversation | undefined
   currentMessage: Message | undefined
-  temperature: number
-  showPromptbar: boolean
-  messageError: boolean
-  searchTerm: string
-  defaultModelId: OpenAIModelID | undefined
+  defaultModelId: OpenAIModelID
 }
 
 export const initialState: ReactStreamChatInitialState = {
   loading: false,
-  lightMode: 'dark',
   messageIsStreaming: false,
-  models: [],
   conversations: [],
   selectedConversation: undefined,
   currentMessage: undefined,
-  temperature: 1,
-  showPromptbar: true,
-  messageError: false,
-  searchTerm: '',
-  defaultModelId: undefined,
+  defaultModelId: OpenAIModelID.GPT_3_5,
 }

src/components/ReactStreamChat/state.tsx

@@ -1,26 +1,18 @@
-import { OpenAIModel } from './openai';
+import { OpenAIModel } from './openai'
 
 export interface Message {
-  role: Role;
-  content: string;
+  role: Role
+  content: string
 }
 
-export type Role = 'assistant' | 'user';
-
-export interface ChatBody {
-  model: OpenAIModel;
-  messages: Message[];
-  key: string;
-  prompt: string;
-  temperature: number;
-}
+export type Role = 'assistant' | 'user'
 
 export interface Conversation {
-  id: string;
-  name: string;
-  messages: Message[];
-  model: OpenAIModel;
-  prompt: string;
-  temperature: number;
-  folderId: string | null;
+  id: string
+  name: string
+  messages: Message[]
+  model: OpenAIModel
+  prompt: string
+  temperature: number
+  folderId: string | null
 }