fix: chatgpt layout

apps/desktop/src/components/SideBar/RightBar.tsx

@@ -4,6 +4,7 @@ import { Container as SideBarContainer, SideBarHeader } from './styles'
 import { RIGHTBARITEMKEYS } from '@/constants'
 import { Tooltip } from 'zens'
 import { TableOfContent } from '@/extensions/table-of-content'
+import chatgpt from '@/extensions/chatgpt'
 
 function RightBar() {
   const [activeRightBarItemKey, setActiveRightBarItemKey] = useState<RIGHTBARITEMKEYS>(
@@ -13,6 +14,7 @@ function RightBar() {
   const rightBarDataSource: RightBarItem[] = useMemo(() => {
     return [
       TableOfContent,
+      chatgpt,
     ]
   }, [])
 

apps/desktop/src/components/SideBar/index.tsx

@@ -3,7 +3,6 @@ import { memo, useMemo, useState } from 'react'
 import { Container as SideBarContainer, SideBarHeader } from './styles'
 import { Explorer } from '@/components'
 import { RIGHTBARITEMKEYS } from '@/constants'
-import chatgpt from '@/extensions/chatgpt'
 import BookMarks from '@/extensions/bookmarks'
 import { Search } from '@/extensions/search'
 import { Tooltip } from 'zens'
@@ -23,7 +22,6 @@ function SideBar() {
       },
       Search,
       BookMarks,
-      chatgpt,
     ]
   }, [])
 

apps/desktop/src/extensions/chatgpt/index.tsx

@@ -13,28 +13,42 @@ import SideBarHeader from '@/components/SideBar/SideBarHeader'
 import useThemeStore from '@/stores/useThemeStore'
 import useAppSettingStore from '@/stores/useAppSettingStore'
 import { addNewMarkdownFileEdit } from '@/services/editor-file'
+import { useTranslation } from 'react-i18next'
+import { toast } from 'zens'
 
 const ChatList: React.FC<ChatListProps> = (props) => {
-  const { chatList, curGptModelIndex, gptModels, setCurGptModelIndex, addChat, delChat, setModels } =
-    useChatGPTStore()
+  const {
+    chatList,
+    curGptModelIndex,
+    gptModels,
+    setCurGptModelIndex,
+    addChat,
+    delChat,
+    setModels,
+  } = useChatGPTStore()
   const { settingData } = useAppSettingStore()
   const { curTheme } = useThemeStore()
   const apiBase = settingData[SettingKeys.chatgpt_url]
   const apiKey = settingData[SettingKeys.chatgpt]
   const [askInput, setAskInput] = useState('')
   const listRef = useRef<HTMLDivElement>(null)
+  const { t } = useTranslation()
 
   useEffect(() => {
     if (listRef.current) {
       listRef.current.scrollTop = listRef.current.scrollHeight
     }
 
-    const newModels = settingData[SettingKeys.chatgpt_models].split(',').map((model: string) => model.trim())
+    const newModels = settingData[SettingKeys.chatgpt_models]
+      .split(',')
+      .map((model: string) => model.trim())
     setModels(newModels)
   }, [chatList.length])
 
   const handleSubmit = useCallback(() => {
-    if (!apiKey) return
+    if (!apiKey) {
+      return toast.error('Please set your ChatGPT API Key first')
+    }
 
     addChat(askInput, apiBase, apiKey)
     setAskInput('')
@@ -170,7 +184,7 @@ const ChatList: React.FC<ChatListProps> = (props) => {
           onChange={handleChange}
         />
         <Button className='submit' btnType='primary' size='small' onClick={handleSubmit}>
-          submit
+          {t('common.submit')}
         </Button>
       </BottomBar>
     </Container>

locales/en.json

@@ -12,7 +12,8 @@
     "delete": "delete",
     "file": "file",
     "folder": "folder",
-    "fetching": "Loading..."
+    "fetching": "Loading...",
+    "submit": "submit"
   },
   "view": {
     "label": "View",

locales/zh-CN.json

@@ -12,7 +12,8 @@
     "delete": "删除",
     "file": "文件",
     "folder": "文件夹",
-    "fetching": "加载中..."
+    "fetching": "加载中...",
+    "submit": "提交"
   },
   "view": {
     "label": "视图",