feat: calculator extension add description (#623)

ayangweb · web-flow · commit 515260c43f4c · 2025-06-06T15:43:24.000+08:00
* feat: calculator extension add description

* docs: update changelog
diff --git a/docs/content.en/docs/release-notes/_index.md b/docs/content.en/docs/release-notes/_index.md
@@ -15,6 +15,7 @@ Information about release notes of Coco Server is provided here.
 
 - feat: ai overview support is enabled with shortcut #597
 - feat: add key monitoring during reset #615
+- feat: calculator extension add description #623
 
 ### 🐛 Bug fix
 
diff --git a/src/components/Settings/Extensions/components/Details/AiOverview/index.tsx b/src/components/Settings/Extensions/components/Details/AiOverview/index.tsx
@@ -52,7 +52,7 @@ const AiOverview = () => {
         setAssistant={setAiOverviewAssistant}
       />
 
-      <div className="text-sm">
+      <>
         <div className="mt-6 text-[#333] dark:text-white/90">
           AI Overview Trigger
         </div>
@@ -83,7 +83,7 @@ const AiOverview = () => {
             );
           })}
         </div>
-      </div>
+      </>
     </>
   );
 };
diff --git a/src/components/Settings/Extensions/components/Details/Applications/index.tsx b/src/components/Settings/Extensions/components/Details/Applications/index.tsx
@@ -74,7 +74,7 @@ const Applications = () => {
   };
 
   return (
-    <div className="text-sm">
+    <>
       <div className="text-[#999]">
         <p className="font-bold mb-2">
           {t("settings.extensions.application.details.searchScope")}
@@ -119,7 +119,7 @@ const Applications = () => {
           );
         })}
       </ul>
-    </div>
+    </>
   );
 };
 
diff --git a/src/components/Settings/Extensions/components/Details/Calculator/index.tsx b/src/components/Settings/Extensions/components/Details/Calculator/index.tsx
@@ -0,0 +1,13 @@
+import { useTranslation } from "react-i18next";
+
+const Calculator = () => {
+  const { t } = useTranslation();
+
+  return (
+    <div className="text-[#999]">
+      {t("settings.extensions.calculator.description")}
+    </div>
+  );
+};
+
+export default Calculator;
diff --git a/src/components/Settings/Extensions/components/Details/SharedAi/index.tsx b/src/components/Settings/Extensions/components/Details/SharedAi/index.tsx
@@ -107,7 +107,7 @@ const SharedAi: FC<SharedAiProps> = (props) => {
   };
 
   return (
-    <div className="text-sm">
+    <>
       <div className="text-[#999]">{renderDescription()}</div>
 
       <div className="mt-6 text-[#333] dark:text-white/90">LinkedAssistant</div>
@@ -138,7 +138,7 @@ const SharedAi: FC<SharedAiProps> = (props) => {
           </div>
         );
       })}
-    </div>
+    </>
   );
 };
 
diff --git a/src/components/Settings/Extensions/components/Details/index.tsx b/src/components/Settings/Extensions/components/Details/index.tsx
@@ -6,6 +6,7 @@ import Application from "./Application";
 import { useExtensionsStore } from "@/stores/extensionsStore";
 import SharedAi from "./SharedAi";
 import AiOverview from "./AiOverview";
+import Calculator from "./Calculator";
 
 const Details = () => {
   const { rootState } = useContext(ExtensionsContext);
@@ -51,6 +52,10 @@ const Details = () => {
     if (id === "AIOverview") {
       return <AiOverview />;
     }
+
+    if (id === "Calculator") {
+      return <Calculator />;
+    }
   };
 
   return (
@@ -59,7 +64,7 @@ const Details = () => {
         {rootState.activeExtension?.title}
       </h2>
 
-      <div className="pr-4 pb-4">{renderContent()}</div>
+      <div className="pr-4 pb-4 text-sm">{renderContent()}</div>
     </div>
   );
 };
diff --git a/src/locales/en/translation.json b/src/locales/en/translation.json
@@ -231,7 +231,8 @@
         }
       },
       "calculator": {
-        "title": "Calculator"
+        "title": "Calculator",
+        "description": "A calculator you can quickly invoke in the search bar, supporting basic math operations."
       }
     }
   },
diff --git a/src/locales/zh/translation.json b/src/locales/zh/translation.json
@@ -231,7 +231,8 @@
         }
       },
       "calculator": {
-        "title": "计算器"
+        "title": "计算器",
+        "description": "在搜索框中快速调用的计算工具，支持基本数学运算。"
       }
     }
   },

Original file line number	Diff line number	Diff line change
`@@ -231,7 +231,8 @@`
`231`	`231`	`}`
`232`	`232`	`},`
`233`	`233`	`"calculator": {`
`234`		`- "title": "Calculator"`
	`234`	`+ "title": "Calculator",`
	`235`	`+ "description": "A calculator you can quickly invoke in the search bar, supporting basic math operations."`
`235`	`236`	`}`
`236`	`237`	`}`
`237`	`238`	`},`