From 17b6bb6a9ed81f70b043f6a28ec41715c2d71614 Mon Sep 17 00:00:00 2001
From: Bojan Mojsilovic <bmojsilovic@itekako.com>
Date: Tue, 8 Aug 2023 14:07:55 +0200
Subject: [PATCH] Display web version number

---
 package.json                            |  2 +-
 src/pages/Settings/Menu.tsx             |  7 +++++++
 src/pages/Settings/Settings.module.scss | 24 ++++++++++++++++++++++++
 vite.config.ts                          |  5 +++++
 4 files changed, 37 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index f18d5c0..4210f9f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vite-template-solid",
-  "version": "1.0.0",
+  "version": "0.71.8",
   "description": "",
   "scripts": {
     "start": "vite",
diff --git a/src/pages/Settings/Menu.tsx b/src/pages/Settings/Menu.tsx
index ee22711..c8922f8 100644
--- a/src/pages/Settings/Menu.tsx
+++ b/src/pages/Settings/Menu.tsx
@@ -10,6 +10,8 @@ const Menu: Component = () => {
 
   const intl = useIntl();
 
+  const version = import.meta.env.PRIMAL_VERSION;
+
   return (
     <div>
       <PageCaption title={intl.formatMessage(t.title)} />
@@ -40,6 +42,11 @@ const Menu: Component = () => {
           <div class={styles.chevron}></div>
         </Link>
       </div>
+
+      <div class={styles.webVersion}>
+        <div class={styles.title}>version</div>
+        <div class={styles.value}>{version}</div>
+      </div>
     </div>
   )
 }
diff --git a/src/pages/Settings/Settings.module.scss b/src/pages/Settings/Settings.module.scss
index 14a53a9..74ffbe9 100644
--- a/src/pages/Settings/Settings.module.scss
+++ b/src/pages/Settings/Settings.module.scss
@@ -419,3 +419,27 @@
   line-height: 20px;
   text-align: left;
 }
+
+.webVersion {
+  width: fit-content;
+  margin-top: 40px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+
+  .title {
+    color: var(--text-secondary);
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 20px;
+    text-transform: uppercase;
+  }
+
+  .value {
+    color: var(--text-primary);
+    font-size: 20px;
+    font-weight: 700;
+    line-height: 28px;
+  }
+}
diff --git a/vite.config.ts b/vite.config.ts
index b8a8b81..b1b47fa 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,5 +1,7 @@
 import { defineConfig } from 'vite';
 import solidPlugin from 'vite-plugin-solid';
+import packageJson from './package.json';
+
 
 export default defineConfig({
   plugins: [solidPlugin()],
@@ -11,4 +13,7 @@ export default defineConfig({
     sourcemap: true,
   },
   envPrefix: 'PRIMAL_',
+  define: {
+    'import.meta.env.PRIMAL_VERSION': JSON.stringify(packageJson.version),
+  },
 });