add version text

2 files changed, 14 insertions, 1 deletions

diff --git a/packages/demobank-ui/src/declaration.d.ts b/packages/demobank-ui/src/declaration.d.ts
index a37485272..462287c59 100644
--- a/packages/demobank-ui/src/declaration.d.ts
+++ b/packages/demobank-ui/src/declaration.d.ts
@@ -421,3 +421,6 @@ namespace SandboxBackend {
     type CashoutStatusResponseWithId = CashoutStatusResponse & { id: string };
   }
 }
+
+declare const __VERSION__: string;
+declare const __GIT_HASH__: string;
diff --git a/packages/demobank-ui/src/pages/BankFrame.tsx b/packages/demobank-ui/src/pages/BankFrame.tsx
index d8942a8e7..b1f3a7c5a 100644
--- a/packages/demobank-ui/src/pages/BankFrame.tsx
+++ b/packages/demobank-ui/src/pages/BankFrame.tsx
@@ -27,6 +27,14 @@ import { useSettings } from "../hooks/settings.js";
 import { ErrorMessage, onNotificationUpdate } from "../hooks/notification.js";
 
 const IS_PUBLIC_ACCOUNT_ENABLED = false;
+const GIT_HASH = typeof __GIT_HASH__ !== "undefined" ? __GIT_HASH__ : undefined;
+const VERSION = typeof __VERSION__ !== "undefined" ? __VERSION__ : undefined;
+
+const versionText = VERSION
+  ? GIT_HASH
+    ? `Version ${VERSION} (${GIT_HASH.substring(0, 8)})`
+    : VERSION
+  : "";
 
 const logger = new Logger("BankFrame");
 
@@ -156,7 +164,9 @@ export function BankFrame({
             </p>
           </div>
           <div style="flex-grow:1" />
-          <p>Copyright &copy; 2014&mdash;2022 Taler Systems SA</p>
+          <p>
+            Copyright &copy; 2014&mdash;2022 Taler Systems SA. {versionText}
+          </p>
         </div>
       </section>
     </Fragment>