wallet-ext: display version number (MystenLabs#3805)

habbas33 · Aug 6, 2022 · 97bba52 · 97bba52
1 parent 5302052
commit 97bba52
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/wallet/package.json b/wallet/package.json
@@ -1,6 +1,6 @@
 {
     "name": "sui-wallet",
-    "version": "0.0.3",
+    "version": "0.0.5",
     "description": "A wallet for Sui",
     "main": "./dist/ui.js",
     "scripts": {

diff --git a/wallet/src/ui/app/components/menu/content/menu-list/index.tsx b/wallet/src/ui/app/components/menu/content/menu-list/index.tsx
@@ -2,6 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import { Link } from 'react-router-dom';
+import Browser from 'webextension-polyfill';
 
 import Item from './item';
 import { API_ENV_TO_INFO } from '_app/ApiProvider';
@@ -21,6 +22,8 @@ function MenuList() {
     const shortenAddress = useMiddleEllipsis(address, 10, 7);
     const apiEnv = useAppSelector((state) => state.app.apiEnv);
     const networkName = API_ENV_TO_INFO[apiEnv].name;
+    const version = Browser.runtime.getManifest().version;
+
     return (
         <div className={st.container}>
             <Link to={accountUrl} className={st.item}>
@@ -53,6 +56,14 @@ function MenuList() {
                     indicator="link-45deg"
                 />
             </ExternalLink>
+            <div className={st.item}>
+                <Item
+                    // TODO: import and use the icon from Figma
+                    icon={SuiIcons.Info}
+                    title="Wallet version"
+                    subtitle={'v' + version}
+                />
+            </div>
         </div>
     );
 }