fix: i18n (#1126)

* fix: i18n

* fix: i18n

* fix: i18n

* fix: Databend Speaker svg

Author: Chasen-Zhang

docs/en/guides/00-overview/index.md

@@ -4,8 +4,9 @@ slug: /
 ---
 
 import DocsOverview from '@site/src/components/DocsOverview'
+import Speaker from '@site/src/components/Speaker'
 
-Welcome to the Databend (pronounced as /ˈdeɪtəˌbɛnd/) Guides, covering all Databend products.
+Welcome to the Databend (pronounced as /ˈdeɪtəˌbɛnd/)<Speaker /> Guides, covering all Databend products.
 
 <DocsOverview />
 

i18n/en/code.json

@@ -668,5 +668,13 @@
   "Upgrading Databend": {
     "message": "Upgrading Databend",
     "description": "Link text for Upgrading Databend"
+  },
+  "Changelog": {
+    "message": "Changelog",
+    "description": "Changelog"
+  },
+  "FAQ": {
+    "message": "FAQ",
+    "description": "FAQ"
   }
 }

i18n/zh/code.json

@@ -542,7 +542,7 @@
     "description": "了解更多的链接文字"
   },
   "Bulk import data into Databend(Cloud) in multiple formats.": {
-    "message": "以多种格式批量导入数据到 Databend（云）。",
+    "message": "以多种格式批量导入数据到 Databend(Cloud)。",
     "description": "加载数据到 Databend 部分的描述"
   },
   "AI & BI & Visualization & Notebooks": {
@@ -684,5 +684,13 @@
   "Upgrading Databend": {
     "message": "升级 Databend",
     "description": "升级 Databend 的链接文字"
+  },
+  "Changelog": {
+    "message": "发布记录",
+    "description": "Changelog"
+  },
+  "FAQ": {
+    "message": "常见问题",
+    "description": "FAQ"
   }
 }

src/components/Speaker/index.tsx

@@ -0,0 +1,20 @@
+// Copyright 2024 DatabendLabs.
+import { FC, ReactElement } from "react";
+import SpeakerSvg from "@site/static/icons/speaker.svg";
+import styles from "./style.module.scss";
+
+const Speaker: FC = (): ReactElement => {
+  return (
+    <span
+      className={styles.out}
+      onClick={() => {
+        var utterance = new SpeechSynthesisUtterance("Databend");
+        utterance.lang = "en-US";
+        speechSynthesis.speak(utterance);
+      }}
+    >
+      <SpeakerSvg></SpeakerSvg>
+    </span>
+  );
+};
+export default Speaker;

src/components/Speaker/style.module.scss

@@ -0,0 +1,5 @@
+.out {
+  &:hover {
+    color: var(--text-blue-600);
+  }
+}