fix some text

.env

@@ -3,6 +3,7 @@ GENERATE_SOURCEMAP=false
 REACT_APP_NAME=KISS Translator
 REACT_APP_NAME_CN=简约翻译
 REACT_APP_VERSION=1.5.7
+
 REACT_APP_HOMEPAGE=https://github.com/fishjar/kiss-translator
 
 REACT_APP_OPTIONSPAGE=https://fishjar.github.io/kiss-translator/options.html

src/config/i18n.js

@@ -285,11 +285,11 @@ export const I18N = {
     en: `Data Sync Error`,
   },
   error_got_some_wrong: {
-    zh: "抱歉，出错了！",
+    zh: `抱歉，出错了！`,
-    en: "Sorry, something went wrong!",
+    en: `Sorry, something went wrong!`,
   },
   error_sync_setting: {
-    zh: "您的同步设置未填写，无法在线分享。",
+    zh: `您的同步设置未填写，无法在线分享。`,
-    en: "Your sync settings are missing and cannot be shared online.",
+    en: `Your sync settings are missing and cannot be shared online.`,
   },
 };

src/views/Options/Header.js

@@ -8,6 +8,7 @@ import { useDarkModeSwitch } from "../../hooks/ColorMode";
 import { useDarkMode } from "../../hooks/ColorMode";
 import LightModeIcon from "@mui/icons-material/LightMode";
 import DarkModeIcon from "@mui/icons-material/DarkMode";
+import Link from "@mui/material/Link";
 import { useI18n } from "../../hooks/I18n";
 
 function Header(props) {
@@ -35,9 +36,13 @@ function Header(props) {
             <MenuIcon />
           </IconButton>
         </Box>
-        <Box sx={{ flexGrow: 1 }}>{`${i18n("app_name")} v${
+        <Box sx={{ flexGrow: 1 }}>
-          process.env.REACT_APP_VERSION
+          <Link
-        }`}</Box>
+            underline="none"
+            color="inherit"
+            href={process.env.REACT_APP_HOMEPAGE}
+          >{`${i18n("app_name")} v${process.env.REACT_APP_VERSION}`}</Link>
+        </Box>
         <IconButton onClick={switchColorMode} color="inherit">
           {darkMode ? <LightModeIcon /> : <DarkModeIcon />}
         </IconButton>