Show embedded version in about page.

nand2tetris · Dec 3, 2024 · 9c7a1d7 · 9c7a1d7
1 parent 7d0cea7
commit 9c7a1d7
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/web/public/index.html b/web/public/index.html
@@ -15,6 +15,7 @@
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo_192.png" />
     <meta name="theme-color" content="rgb(16, 149, 193)" />
     <link rel="stylesheet" href="%PUBLIC_URL%/root.css" />
+    <meta name="version" content="2024.49.0" />
   </head>
   <body class="flex">
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/web/src/pages/about.tsx b/web/src/pages/about.tsx
@@ -1,11 +1,23 @@
 import raw from "raw.macro";
 import Markdown from "../shell/markdown";
 
+const VERSION =
+  document.querySelector("meta[name=version]")?.getAttribute("content") ??
+  "unknown";
+
+const useVersion = () => {
+  return VERSION;
+};
+
 export const About = () => {
+  const version = useVersion();
   return (
     <div style={{ overflowY: "scroll" }}>
       <div className="container">
         <Markdown>{raw("./ABOUT.md")}</Markdown>
+        <p>
+          <b>Version</b> <code>{version}</code>
+        </p>
       </div>
     </div>
   );