Merge branch 'main' of https://github.com/RohittCodes/DocsGPT into fix-1210

frontend/src/App.tsx

@@ -32,7 +32,10 @@ function MainLayout() {
 }
 
 export default function App() {
-  useDarkTheme();
+  const [,,componentMounted] = useDarkTheme();
+  if(!componentMounted) {
+    return <div />
+  }
   return (
     <div className="h-full relative overflow-auto">
       <Routes>

frontend/src/conversation/ConversationTile.tsx

@@ -2,8 +2,6 @@ import { SyntheticEvent, useEffect, useRef, useState } from 'react';
 import { useSelector } from 'react-redux';
 import Edit from '../assets/edit.svg';
 import Exit from '../assets/exit.svg';
-import Message from '../assets/message.svg';
-import MessageDark from '../assets/message-dark.svg';
 import { useDarkTheme } from '../hooks';
 import ConfirmationModal from '../modals/ConfirmationModal';
 import CheckMark2 from '../assets/checkMark2.svg';
@@ -96,17 +94,13 @@ export default function ConversationTile({
           conversationId !== conversation.id &&
             selectConversation(conversation.id);
         }}
-        className={`my-auto mx-4 mt-4 flex h-9 cursor-pointer items-center justify-between gap-4 rounded-3xl hover:bg-gray-100 dark:hover:bg-[#28292E] ${
+        className={`my-auto mx-4 mt-4 flex h-9 cursor-pointer items-center justify-between pl-4 gap-4 rounded-3xl hover:bg-gray-100 dark:hover:bg-[#28292E] ${
           conversationId === conversation.id || isOpen || isHovered
             ? 'bg-gray-100 dark:bg-[#28292E]'
             : ''
         }`}
       >
         <div className={`flex w-10/12 gap-4`}>
-          <img
-            src={isDarkTheme ? MessageDark : Message}
-            className="ml-4 w-5 dark:text-white"
-          />
           {isEdit ? (
             <input
               autoFocus

frontend/src/hooks/index.ts

@@ -82,6 +82,7 @@ export function useDarkTheme() {
   };
 
   const [isDarkTheme, setIsDarkTheme] = useState<boolean>(getInitialTheme());
+  const [componentMounted, setComponentMounted] = useState(false);
 
   useEffect(() => {
     const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
@@ -102,11 +103,12 @@ export function useDarkTheme() {
     } else {
       document.body?.classList.remove('dark');
     }
+    setComponentMounted(true);
   }, [isDarkTheme]);
 
   const toggleTheme = () => {
     setIsDarkTheme(!isDarkTheme);
   };
 
-  return [isDarkTheme, toggleTheme] as const;
+  return [isDarkTheme, toggleTheme, componentMounted] as const;
 }

frontend/src/locale/en.json

@@ -7,7 +7,7 @@
   "about": "About",
   "inputPlaceholder": "Type your message here...",
   "tagline": "DocsGPT uses GenAI, please review critical information using sources.",
-  "sourceDocs": "Source Docs",
+  "sourceDocs": "Source",
   "none": "None",
   "cancel": "Cancel",
   "demo": [

frontend/src/locale/es.json

@@ -7,7 +7,7 @@
   "about": "Acerca de",
   "inputPlaceholder": "Escribe tu mensaje aquí...",
   "tagline": "DocsGPT utiliza GenAI, por favor revisa información crítica utilizando fuentes.",
-  "sourceDocs": "Documentos Fuente",
+  "sourceDocs": "Fuente",
   "none": "Nada",
   "cancel": "Cancelar",
   "demo": [

frontend/src/locale/i18n.ts

@@ -6,6 +6,7 @@ import en from './en.json'; //English
 import es from './es.json'; //Spanish
 import jp from './jp.json'; //Japanese
 import zh from './zh.json'; //Mandarin
+import zhTW from './zh-TW.json'; //Traditional Chinese
 
 i18n
   .use(LanguageDetector)
@@ -24,6 +25,9 @@ i18n
       zh: {
         translation: zh,
       },
+      "zh-TW": {
+        translation: zhTW,
+      },
     },
     fallbackLng: 'en',
     detection: {

frontend/src/locale/jp.json

@@ -7,7 +7,7 @@
   "about": "について",
   "inputPlaceholder": "ここにメッセージを入力してください...",
   "tagline": "DocsGPTはGenAIを使用しています。重要な情報はソースで確認してください。",
-  "sourceDocs": "ソースドキュメント",
+  "sourceDocs": "ソース",
   "none": "なし",
   "cancel": "キャンセル",
   "demo": [

frontend/src/locale/zh-TW.json

@@ -0,0 +1,130 @@
+{
+  "language": "繁體中文（臺灣）",
+  "chat": "對話",
+  "chats": "對話",
+  "newChat": "新對話",
+  "myPlan": "我的方案",
+  "about": "關於",
+  "inputPlaceholder": "在此輸入您的訊息...",
+  "tagline": "DocsGPT 使用生成式 AI，請使用原始資料來源審閱重要資訊。",
+  "sourceDocs": "原始文件",
+  "none": "無",
+  "cancel": "取消",
+  "demo": [
+    {
+      "header": "了解 DocsGPT",
+      "query": "什麼是 DocsGPT？"
+    },
+    {
+      "header": "摘要文件",
+      "query": "摘要目前的內容"
+    },
+    {
+      "header": "撰寫程式碼",
+      "query": "為 /api/answer 撰寫 API 請求程式碼"
+    },
+    {
+      "header": "學習輔助",
+      "query": "為此內容撰寫可能的問題"
+    }
+  ],
+  "settings": {
+    "label": "設定",
+    "general": {
+      "label": "一般",
+      "selectTheme": "選擇主題",
+      "light": "淺色",
+      "dark": "深色",
+      "selectLanguage": "選擇語言",
+      "chunks": "每次查詢處理的區塊數",
+      "prompt": "使用中的提示",
+      "deleteAllLabel": "刪除所有對話",
+      "deleteAllBtn": "全部刪除",
+      "addNew": "新增",
+      "convHistory": "對話歷史記錄",
+      "none": "無",
+      "low": "低",
+      "medium": "中",
+      "high": "高",
+      "unlimited": "無限制",
+      "default": "預設"
+    },
+    "documents": {
+      "label": "文件",
+      "name": "文件名稱",
+      "date": "向量日期",
+      "type": "類型",
+      "tokenUsage": "Token 使用量"
+    },
+    "apiKeys": {
+      "label": "API 金鑰",
+      "name": "名稱",
+      "key": "API 金鑰",
+      "sourceDoc": "來源文件",
+      "createNew": "新增"
+    },
+    "analytics": {
+      "label": "分析"
+    },
+    "logs": {
+      "label": "日誌"
+    }
+  },
+  "modals": {
+    "uploadDoc": {
+      "label": "上傳新文件",
+      "file": "從檔案",
+      "remote": "遠端",
+      "name": "名稱",
+      "choose": "選擇檔案",
+      "info": "請上傳 .pdf, .txt, .rst, .docx, .md, .zip 檔案，大小限制為 25MB",
+      "uploadedFiles": "已上傳的檔案",
+      "cancel": "取消",
+      "train": "訓練",
+      "link": "連結",
+      "urlLink": "URL 連結",
+      "reddit": {
+        "id": "用戶端 ID",
+        "secret": "用戶端金鑰",
+        "agent": "使用者代理(User-Agent)",
+        "searchQueries": "搜尋查詢",
+        "numberOfPosts": "貼文數量"
+      }
+    },
+    "createAPIKey": {
+      "label": "建立新的 API 金鑰",
+      "apiKeyName": "API 金鑰名稱",
+      "chunks": "每次查詢處理的區塊數",
+      "prompt": "選擇使用中的提示",
+      "sourceDoc": "來源文件",
+      "create": "建立"
+    },
+    "saveKey": {
+      "note": "請儲存您的金鑰",
+      "disclaimer": "這是唯一一次顯示您的金鑰。",
+      "copy": "複製",
+      "copied": "已複製",
+      "confirm": "我已儲存金鑰"
+    },
+    "deleteConv": {
+      "confirm": "您確定要刪除所有對話嗎？",
+      "delete": "刪除"
+    },
+    "shareConv": {
+      "label": "建立公開頁面以分享",
+      "note": "來源文件、個人資訊和後續對話將保持私密",
+      "create": "建立"
+    }
+  },
+  "sharedConv": {
+    "subtitle": "使用以下工具建立",
+    "button": "開始使用 DocsGPT",
+    "meta": "DocsGPT 使用生成式 AI，請使用原始資料來源審閱重要資訊。"
+  },
+  "convTile": {
+    "share": "分享",
+    "delete": "刪除",
+    "rename": "重新命名",
+    "deleteWarning": "您確定要刪除這個對話嗎？"
+  }
+}

frontend/src/locale/zh.json

@@ -7,7 +7,7 @@
   "about": "关于",
   "inputPlaceholder": "在这里输入您的消息...",
   "tagline": "DocsGPT 使用 GenAI, 请使用来源审核关键信息.",
-  "sourceDocs": "来源文档",
+  "sourceDocs": "源",
   "none": "无",
   "cancel": "取消",
   "demo": [