feat: 在关于弹窗添加了版本号显示

cct124 · Jul 18, 2023 · 14f57f6 · 14f57f6
1 parent f3729ec
commit 14f57f6
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 10 deletions.
diff --git a/Cargo.lock b/Cargo.lock
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "png-palettes",
   "private": true,
-  "version": "1.0.0",
+  "version": "1.0.1",
   "type": "module",
   "license": "GPL-3.0-or-later",
   "scripts": {

diff --git a/src-tauri/Cargo.toml b/src-tauri/Cargo.toml
@@ -7,7 +7,7 @@ license = "GPL-3.0-or-later"
 name = "app"
 repository = ""
 rust-version = "1.59"
-version = "1.0.0"
+version = "1.0.1"
 
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 

diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
@@ -7,7 +7,7 @@
   },
   "package": {
     "productName": "Png Palettes",
-    "version": "1.0.0"
+    "version": "1.0.1"
   },
   "tauri": {
     "allowlist": {

diff --git a/src/components/Container/OptionsArea/UIControl/index.tsx b/src/components/Container/OptionsArea/UIControl/index.tsx
@@ -4,18 +4,25 @@ import ThemeSwitch from "./ThemeSwitch";
 import { I18n, languages } from "@src/context/i18n";
 import * as dialog from "@tauri-apps/api/dialog";
 import { open } from "@tauri-apps/api/shell";
+import { getVersion } from "@tauri-apps/api/app";
 import { ReactComponent as GitHubSvg } from "@src/assets/icons/svg/github.svg"; // 关闭图标
 import { ThemeStateContext } from "@src/context/theming";
 
 export default function UIControl() {
   const [i18n, setI18n] = useContext(I18n);
   const [theme] = useContext(ThemeStateContext);
 
-  function about() {
-    dialog.message(i18n.dialog.about.content, {
-      type: "info",
-      title: i18n.dialog.about.title,
-    });
+  async function about() {
+    const appVersion = await getVersion();
+
+    dialog.message(
+      `${i18n.dialog.about.version}${appVersion} \r\n` +
+        i18n.dialog.about.content,
+      {
+        type: "info",
+        title: i18n.dialog.about.title,
+      }
+    );
   }
 
   function onSelect(e: React.FormEvent<HTMLSelectElement>) {
@@ -45,7 +52,6 @@ export default function UIControl() {
           <GitHubSvg></GitHubSvg>
         </div>
         <div className={classNames(styles.language, "fs-10 flex-center")}>
-          <span className="mar-r-5">language</span>
           <select
             name="select"
             onInput={onSelect}

diff --git a/src/context/i18n.ts b/src/context/i18n.ts
@@ -117,6 +117,7 @@ export interface I18N_TYPE {
     about: {
       title: string;
       content: string;
+      version: string;
     };
   };
   /**
@@ -179,6 +180,7 @@ export const zhCN: I18N_TYPE = {
       title: "关于",
       content:
         "这是一个PNG图片压缩工具，选择所要压缩的图片时，软件将PNG图像的RGBA模式转为调色板模式，从而减小图像大小。\r\n如有别的问题请联系：huangdonghao1997@gmail.com",
+      version: "版本：",
     },
   },
   error: {
@@ -229,6 +231,7 @@ export const en: I18N_TYPE = {
       title: "About",
       content:
         "This is a PNG image compression tool. When selecting the image to be compressed,\r\nthe software converts the PNG image's RGBA mode to a palette mode, thereby reducing the image size. \r\nIf you have any other questions, please contact: huangdonghao1997@gmail.com",
+      version: "Version: ",
     },
   },
   error: {