From 41da0d7ab7f3609c20a6e90a91d7fd6d6aab7b72 Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@posteo.net>
Date: Mon, 16 Oct 2023 13:05:45 +0200
Subject: [PATCH] UX: add version number to loading screen

---
 package.json                         | 2 +-
 public/css/index-tailwind-output.css | 4 ++++
 scripts/generateLayouts.ts           | 1 +
 src/Models/Constants.ts              | 2 +-
 theme.html                           | 7 +++++++
 5 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index f1c7b90a0..0884dbe7a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mapcomplete",
-  "version": "0.33.8",
+  "version": "0.33.9",
   "repository": "https://github.com/pietervdvn/MapComplete",
   "description": "A small website to edit OSM easily",
   "bugs": "https://github.com/pietervdvn/MapComplete/issues",
diff --git a/public/css/index-tailwind-output.css b/public/css/index-tailwind-output.css
index 0e6476c01..ae6831697 100644
--- a/public/css/index-tailwind-output.css
+++ b/public/css/index-tailwind-output.css
@@ -1341,6 +1341,10 @@ video {
   align-items: center;
 }
 
+.items-baseline {
+  align-items: baseline;
+}
+
 .items-stretch {
   align-items: stretch;
 }
diff --git a/scripts/generateLayouts.ts b/scripts/generateLayouts.ts
index b8ea07fdb..00efe42ac 100644
--- a/scripts/generateLayouts.ts
+++ b/scripts/generateLayouts.ts
@@ -443,6 +443,7 @@ async function createLandingPage(layout: LayoutConfig, manifest, whiteIcons, alr
             /.*\/src\/index\.ts.*/,
             `<script type="module" src="./index_${layout.id}.ts"></script>`,
         )
+        .replace("Version", Constants.vNumber)
 
     return output
 }
diff --git a/src/Models/Constants.ts b/src/Models/Constants.ts
index 39aa182ad..27c3a26fe 100644
--- a/src/Models/Constants.ts
+++ b/src/Models/Constants.ts
@@ -6,7 +6,7 @@ import { AuthConfig } from "../Logic/Osm/AuthConfig"
 export type PriviligedLayerType = (typeof Constants.priviliged_layers)[number]
 
 export default class Constants {
-    public static vNumber = packagefile.version
+    public static vNumber : string = packagefile.version
     /**
      * API key for Maproulette
      *
diff --git a/theme.html b/theme.html
index 3aab458b1..1339371b3 100644
--- a/theme.html
+++ b/theme.html
@@ -58,9 +58,16 @@
                 </p>
             </div>
 
+            <div class="flex justify-between items-end w-full">
+                
             <!-- IMAGE-START -->
             <img class="p-8 h-32 w-32 self-start" src="./assets/svg/add.svg">
             <!-- IMAGE-END -->
+                <div class="h-min subtle"> 
+                Version
+                </div>
+                
+            </div>
         </div>
     </div>
 </div>