feat: remove edit message feature

Author: shiqimei

src/components/Chat/Chat.tsx

@@ -21,7 +21,7 @@ interface Props {
 export const Chat = memo(({ stopConversationRef }: Props) => {
   const {
     state: { selectedConversation, conversations },
-    dispatch: homeDispatch,
+    dispatch,
   } = useContext(ReactStreamChatContext)
 
   const [currentMessage, setCurrentMessage] = useState<Message>()
@@ -52,12 +52,12 @@ export const Chat = memo(({ stopConversationRef }: Props) => {
             messages: [...selectedConversation.messages, message],
           }
         }
-        homeDispatch({
+        dispatch({
           field: 'selectedConversation',
           value: updatedConversation,
         })
-        homeDispatch({ field: 'loading', value: true })
-        homeDispatch({ field: 'messageIsStreaming', value: true })
+        dispatch({ field: 'loading', value: true })
+        dispatch({ field: 'messageIsStreaming', value: true })
         if (updatedConversation.messages.length === 1) {
           const { content } = message
           const customName =
@@ -67,7 +67,7 @@ export const Chat = memo(({ stopConversationRef }: Props) => {
             name: customName,
           }
         }
-        homeDispatch({ field: 'loading', value: false })
+        dispatch({ field: 'loading', value: false })
         const interval = 500 // 500ms
         const encoder = new TextEncoder()
 
@@ -176,7 +176,7 @@ QuickSort is an efficient, in-place sorting algorithm that, in practice, outperf
               ...updatedConversation,
               messages: updatedMessages,
             }
-            homeDispatch({
+            dispatch({
               field: 'selectedConversation',
               value: updatedConversation,
             })
@@ -196,7 +196,7 @@ QuickSort is an efficient, in-place sorting algorithm that, in practice, outperf
               ...updatedConversation,
               messages: updatedMessages,
             }
-            homeDispatch({
+            dispatch({
               field: 'selectedConversation',
               value: updatedConversation,
             })
@@ -214,9 +214,9 @@ QuickSort is an efficient, in-place sorting algorithm that, in practice, outperf
         if (updatedConversations.length === 0) {
           updatedConversations.push(updatedConversation)
         }
-        homeDispatch({ field: 'conversations', value: updatedConversations })
+        dispatch({ field: 'conversations', value: updatedConversations })
         saveConversations(updatedConversations)
-        homeDispatch({ field: 'messageIsStreaming', value: false })
+        dispatch({ field: 'messageIsStreaming', value: false })
       }
     },
     [conversations, selectedConversation, stopConversationRef],

src/components/Chat/ChatMessage.tsx

@@ -1,6 +1,5 @@
 import { IconCheck, IconCopy, IconRobot, IconUser } from '@tabler/icons-react'
-import { FC, memo, useContext, useEffect, useRef, useState } from 'react'
-import { updateConversation } from '@/utils/app/conversation'
+import { FC, memo, useContext, useState } from 'react'
 import { Message } from '@/types/chat'
 import { ReactStreamChatContext } from '@/components/ReactStreamChat/context'
 import { CodeBlock } from '../Markdown/CodeBlock'
@@ -16,59 +15,10 @@ export interface Props {
 
 export const ChatMessage: FC<Props> = memo(({ message, messageIndex }) => {
   const {
-    state: { selectedConversation, conversations, messageIsStreaming },
-    dispatch: homeDispatch,
+    state: { selectedConversation, messageIsStreaming },
   } = useContext(ReactStreamChatContext)
 
-  const [isTyping, setIsTyping] = useState<boolean>(false)
-  const [messageContent, setMessageContent] = useState(message.content)
   const [messagedCopied, setMessageCopied] = useState(false)
-
-  const textareaRef = useRef<HTMLTextAreaElement>(null)
-
-  const handleInputChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {
-    setMessageContent(event.target.value)
-    if (textareaRef.current) {
-      textareaRef.current.style.height = 'inherit'
-      textareaRef.current.style.height = `${textareaRef.current.scrollHeight}px`
-    }
-  }
-
-  const handleDeleteMessage = () => {
-    if (!selectedConversation) return
-
-    const { messages } = selectedConversation
-    const findIndex = messages.findIndex((elm) => elm === message)
-
-    if (findIndex < 0) return
-
-    if (
-      findIndex < messages.length - 1 &&
-      messages[findIndex + 1].role === 'assistant'
-    ) {
-      messages.splice(findIndex, 2)
-    } else {
-      messages.splice(findIndex, 1)
-    }
-    const updatedConversation = {
-      ...selectedConversation,
-      messages,
-    }
-
-    const { single, all } = updateConversation(
-      updatedConversation,
-      conversations,
-    )
-    homeDispatch({ field: 'selectedConversation', value: single })
-    homeDispatch({ field: 'conversations', value: all })
-  }
-
-  const handlePressEnter = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
-    if (e.key === 'Enter' && !isTyping && !e.shiftKey) {
-      e.preventDefault()
-    }
-  }
-
   const copyOnClick = () => {
     if (!navigator.clipboard) return
 
@@ -80,10 +30,6 @@ export const ChatMessage: FC<Props> = memo(({ message, messageIndex }) => {
     })
   }
 
-  useEffect(() => {
-    setMessageContent(message.content)
-  }, [message.content])
-
   return (
     <div
       className={`group md:px-4 ${