Add i18n

src/components/Option/Settings/prompt.tsx

@@ -1,6 +1,7 @@
 import { useQuery, useQueryClient } from "@tanstack/react-query"
 import { Skeleton, Radio, Form, Alert } from "antd"
 import React from "react"
+import { useTranslation } from "react-i18next"
 import { SaveButton } from "~/components/Common/SaveButton"
 import {
   getWebSearchPrompt,
@@ -11,6 +12,8 @@ import {
 } from "~/services/ollama"
 
 export const SettingPrompt = () => {
+  const { t } = useTranslation("option")
+
   const [selectedValue, setSelectedValue] = React.useState<"normal" | "web">(
     "web"
   )
@@ -45,8 +48,12 @@ export const SettingPrompt = () => {
             <Radio.Group
               defaultValue={selectedValue}
               onChange={(e) => setSelectedValue(e.target.value)}>
-              <Radio.Button value="normal">Normal</Radio.Button>
-              <Radio.Button value="web">Web</Radio.Button>
+              <Radio.Button value="normal">
+                {t("ollamaSettings.settings.prompt.option1")}
+              </Radio.Button>
+              <Radio.Button value="web">
+                {t("ollamaSettings.settings.prompt.option2")}
+              </Radio.Button>
             </Radio.Group>
           </div>
 
@@ -64,18 +71,22 @@ export const SettingPrompt = () => {
               }}>
               <Form.Item>
                 <Alert
-                  message="Configuring the system prompt here is deprecated. Please use the Manage Prompts section to add or edit prompts. This section will be removed in a future release"
+                  message={t("ollamaSettings.settings.prompt.alert")}
                   type="warning"
                   showIcon
                   closable
                 />
               </Form.Item>
-              <Form.Item label="System Prompt" name="prompt">
+              <Form.Item
+                label={t("ollamaSettings.settings.prompt.systemPrompt")}
+                name="prompt">
                 <textarea
                   value={data.prompt}
                   rows={5}
                   id="ollamaPrompt"
-                  placeholder="Your System Prompt"
+                  placeholder={t(
+                    "ollamaSettings.settings.prompt.systemPromptPlaceholder"
+                  )}
                   className="w-full p-2 border border-gray-300 rounded-md dark:bg-[#262626] dark:text-gray-100"
                 />
               </Form.Item>
@@ -104,38 +115,42 @@ export const SettingPrompt = () => {
                 webSearchFollowUpPrompt: data.webSearchFollowUpPrompt
               }}>
               <Form.Item
-                label="Web Search Prompt"
+                label={t("ollamaSettings.settings.prompt.webSearchPrompt")}
                 name="webSearchPrompt"
-                help="Do not remove `{search_results}` from the prompt."
+                help={t("ollamaSettings.settings.prompt.webSearchPromptHelp")}
                 rules={[
                   {
                     required: true,
-                    message: "Please input your Web Search Prompt!"
+                    message: t(
+                      "ollamaSettings.settings.prompt.webSearchPromptError"
+                    )
                   }
                 ]}>
                 <textarea
                   value={data.webSearchPrompt}
                   rows={5}
                   id="ollamaWebSearchPrompt"
-                  placeholder="Your Web Search Prompt"
+                  placeholder={t(
+                    "ollamaSettings.settings.prompt.webSearchPromptPlaceholder"
+                  )}
                   className="w-full p-2 border border-gray-300 rounded-md dark:bg-[#262626] dark:text-gray-100"
                 />
               </Form.Item>
               <Form.Item
-                label="Web Search Follow Up Prompt"
+                label={t("ollamaSettings.settings.prompt.webSearchFollowUpPrompt")}
                 name="webSearchFollowUpPrompt"
-                help="Do not remove `{chat_history}` and `{question}` from the prompt."
+                help={t("ollamaSettings.settings.prompt.webSearchFollowUpPromptHelp")}
                 rules={[
                   {
                     required: true,
-                    message: "Please input your Web Search Follow Up Prompt!"
+                    message: t("ollamaSettings.settings.prompt.webSearchFollowUpPromptError")
                   }
                 ]}>
                 <textarea
                   value={data.webSearchFollowUpPrompt}
                   rows={5}
                   id="ollamaWebSearchFollowUpPrompt"
-                  placeholder="Your Web Search Follow Up Prompt"
+                  placeholder={t("ollamaSettings.settings.prompt.webSearchFollowUpPromptPlaceholder")}
                   className="w-full p-2 border border-gray-300 rounded-md dark:bg-[#262626] dark:text-gray-100"
                 />
               </Form.Item>