Fix variable typo (#8084)

web/app/components/base/chat/chat-with-history/hooks.tsx

@@ -217,12 +217,12 @@ export const useChatWithHistory = (installedAppInfo?: InstalledApp) => {
   }, [newConversation])
 
   const currentConversationItem = useMemo(() => {
-    let coversationItem = conversationList.find(item => item.id === currentConversationId)
+    let conversationItem = conversationList.find(item => item.id === currentConversationId)
 
-    if (!coversationItem && pinnedConversationList.length)
-      coversationItem = pinnedConversationList.find(item => item.id === currentConversationId)
+    if (!conversationItem && pinnedConversationList.length)
+      conversationItem = pinnedConversationList.find(item => item.id === currentConversationId)
 
-    return coversationItem
+    return conversationItem
   }, [conversationList, currentConversationId, pinnedConversationList])
 
   const { notify } = useToastContext()

web/app/components/base/chat/chat/citation/index.tsx

@@ -24,7 +24,7 @@ const Citation: FC<CitationProps> = ({
 }) => {
   const { t } = useTranslation()
   const elesRef = useRef<HTMLDivElement[]>([])
-  const [limitNumberInOneLine, setlimitNumberInOneLine] = useState(0)
+  const [limitNumberInOneLine, setLimitNumberInOneLine] = useState(0)
   const [showMore, setShowMore] = useState(false)
   const resources = useMemo(() => data.reduce((prev: Resources[], next) => {
     const documentId = next.document_id
@@ -57,14 +57,14 @@ const Citation: FC<CitationProps> = ({
         totalWidth -= elesRef.current[i].clientWidth
 
         if (totalWidth + 34 > containerWidth!)
-          setlimitNumberInOneLine(i - 1)
+          setLimitNumberInOneLine(i - 1)
         else
-          setlimitNumberInOneLine(i)
+          setLimitNumberInOneLine(i)
 
         break
       }
       else {
-        setlimitNumberInOneLine(i + 1)
+        setLimitNumberInOneLine(i + 1)
       }
     }
   }

web/app/components/base/chat/chat/hooks.ts

@@ -26,7 +26,7 @@ import { AudioPlayerManager } from '@/app/components/base/audio-btn/audio.player
 
 type GetAbortController = (abortController: AbortController) => void
 type SendCallback = {
-  onGetConvesationMessages?: (conversationId: string, getAbortController: GetAbortController) => Promise<any>
+  onGetConversationMessages?: (conversationId: string, getAbortController: GetAbortController) => Promise<any>
   onGetSuggestedQuestions?: (responseItemId: string, getAbortController: GetAbortController) => Promise<any>
   onConversationComplete?: (conversationId: string) => void
   isPublicAPI?: boolean
@@ -198,7 +198,7 @@ export const useChat = (
     url: string,
     data: any,
     {
-      onGetConvesationMessages,
+      onGetConversationMessages,
       onGetSuggestedQuestions,
       onConversationComplete,
       isPublicAPI,
@@ -324,8 +324,8 @@ export const useChat = (
           if (onConversationComplete)
             onConversationComplete(conversationId.current)
 
-          if (conversationId.current && !hasStopResponded.current && onGetConvesationMessages) {
-            const { data }: any = await onGetConvesationMessages(
+          if (conversationId.current && !hasStopResponded.current && onGetConversationMessages) {
+            const { data }: any = await onGetConversationMessages(
               conversationId.current,
               newAbortController => conversationMessagesAbortControllerRef.current = newAbortController,
             )

web/app/components/base/chat/chat/index.tsx

@@ -106,7 +106,7 @@ const Chat: FC<ChatProps> = ({
   const chatFooterInnerRef = useRef<HTMLDivElement>(null)
   const userScrolledRef = useRef(false)
 
-  const handleScrolltoBottom = useCallback(() => {
+  const handleScrollToBottom = useCallback(() => {
     if (chatContainerRef.current && !userScrolledRef.current)
       chatContainerRef.current.scrollTop = chatContainerRef.current.scrollHeight
   }, [])
@@ -123,14 +123,14 @@ const Chat: FC<ChatProps> = ({
   }, [])
 
   useEffect(() => {
-    handleScrolltoBottom()
+    handleScrollToBottom()
     handleWindowResize()
-  }, [handleScrolltoBottom, handleWindowResize])
+  }, [handleScrollToBottom, handleWindowResize])
 
   useEffect(() => {
     if (chatContainerRef.current) {
       requestAnimationFrame(() => {
-        handleScrolltoBottom()
+        handleScrollToBottom()
         handleWindowResize()
       })
     }
@@ -148,7 +148,7 @@ const Chat: FC<ChatProps> = ({
           const { blockSize } = entry.borderBoxSize[0]
 
           chatContainerRef.current!.style.paddingBottom = `${blockSize}px`
-          handleScrolltoBottom()
+          handleScrollToBottom()
         }
       })
 
@@ -158,7 +158,7 @@ const Chat: FC<ChatProps> = ({
         resizeObserver.disconnect()
       }
     }
-  }, [handleScrolltoBottom])
+  }, [handleScrollToBottom])
 
   useEffect(() => {
     const chatContainer = chatContainerRef.current

web/app/components/base/chat/chat/loading-anim/index.tsx

@@ -3,15 +3,15 @@ import type { FC } from 'react'
 import React from 'react'
 import s from './style.module.css'
 
-export type ILoaidingAnimProps = {
+export type ILoadingAnimProps = {
   type: 'text' | 'avatar'
 }
 
-const LoaidingAnim: FC<ILoaidingAnimProps> = ({
+const LoadingAnim: FC<ILoadingAnimProps> = ({
   type,
 }) => {
   return (
     <div className={`${s['dot-flashing']} ${s[type]}`}></div>
   )
 }
-export default React.memo(LoaidingAnim)
+export default React.memo(LoadingAnim)

web/app/components/base/chat/chat/type.ts

@@ -8,14 +8,14 @@ export type MessageMore = {
   latency: number | string
 }
 
-export type Feedbacktype = {
+export type FeedbackType = {
   rating: MessageRating
   content?: string | null
 }
 
 export type FeedbackFunc = (
   messageId: string,
-  feedback: Feedbacktype
+  feedback: FeedbackType
 ) => Promise<any>
 export type SubmitAnnotationFunc = (
   messageId: string,
@@ -71,11 +71,11 @@ export type IChatItem = {
   /**
    * The user feedback result of this message
    */
-  feedback?: Feedbacktype
+  feedback?: FeedbackType
   /**
    * The admin feedback result of this message
    */
-  adminFeedback?: Feedbacktype
+  adminFeedback?: FeedbackType
   /**
    * Whether to hide the feedback area
    */

web/app/components/base/chat/embedded-chatbot/chat-wrapper.tsx

@@ -14,7 +14,7 @@ import {
   getUrl,
   stopChatMessageResponding,
 } from '@/service/share'
-import LogoAvatar from '@/app/components/base/logo/logo-embeded-chat-avatar'
+import LogoAvatar from '@/app/components/base/logo/logo-embedded-chat-avatar'
 import AnswerIcon from '@/app/components/base/answer-icon'
 
 const ChatWrapper = () => {

web/app/components/base/chat/embedded-chatbot/index.tsx

@@ -17,7 +17,7 @@ import { checkOrSetAccessToken } from '@/app/components/share/utils'
 import AppUnavailable from '@/app/components/base/app-unavailable'
 import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
 import Loading from '@/app/components/base/loading'
-import LogoHeader from '@/app/components/base/logo/logo-embeded-chat-header'
+import LogoHeader from '@/app/components/base/logo/logo-embedded-chat-header'
 import Header from '@/app/components/base/chat/embedded-chatbot/header'
 import ConfigPanel from '@/app/components/base/chat/embedded-chatbot/config-panel'
 import ChatWrapper from '@/app/components/base/chat/embedded-chatbot/chat-wrapper'

web/app/components/base/chat/types.ts

@@ -22,7 +22,7 @@ export type UserInputForm = {
 }
 
 export type UserInputFormTextInput = {
-  'text-inpput': UserInputForm & {
+  'text-input': UserInputForm & {
     max_length: number
   }
 }