feat: Show Explorer client version from package.json in Footer (next …

…to Explorer section label)
iotaledger · Jan 24, 2024 · 632471a · 632471a
1 parent c7af50a
commit 632471a
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 2 deletions.
diff --git a/client/src/app/components/footer/Footer.tsx b/client/src/app/components/footer/Footer.tsx
@@ -179,8 +179,9 @@ class Footer extends AsyncComponent<FooterProps, FooterState> {
             url: string;
         }[];
     } {
+        const explorerVersion = EXPLORER_VERSION ?? "";
         return {
-            label: "Explorer",
+            label: `Explorer${explorerVersion ? ` v${explorerVersion}` : ""}`,
             items: this.props.dynamic.map((n) => ({
                 label: n.label,
                 url: `local://${n.url}`,

diff --git a/client/src/app/components/footer/ShimmerFooter.tsx b/client/src/app/components/footer/ShimmerFooter.tsx
@@ -144,8 +144,9 @@ class ShimmerFooter extends AsyncComponent<FooterProps, FooterState> {
             url: string;
         }[];
     } {
+        const explorerVersion = EXPLORER_VERSION ?? "";
         return {
-            label: "Explorer",
+            label: `Explorer${explorerVersion ? ` v${explorerVersion}` : ""}`,
             items: this.props.dynamic.map((n) => ({
                 label: n.label,
                 url: `local://${n.url}`,

diff --git a/client/vite-env.d.ts b/client/vite-env.d.ts
@@ -1,3 +1,4 @@
 /// <reference types="vite/client" />
 /// <reference types="vite-plugin-svgr/client" />
+declare const EXPLORER_VERSION: string;
 
diff --git a/client/vite.config.ts b/client/vite.config.ts
@@ -23,6 +23,9 @@ export default defineConfig(() => {
             }),
             nodePolyfills()
         ],
+        define: {
+            EXPLORER_VERSION: JSON.stringify(process.env.npm_package_version)
+        },
         test: {
             globals: true,
             teardownTimeout: 100