show DE number in toolbar

king8fisher · Jul 22, 2024 · e118ae3 · e118ae3
1 parent fe5472a
commit e118ae3
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 14 deletions.
diff --git a/src/components/atoms/Navbar/Version.tsx b/src/components/atoms/Navbar/Version.tsx
@@ -0,0 +1,4 @@
+import patch from "../../../data/json/patch.json";
+export const Version = () => {
+  return (<><span className="text-xs opacity-30" title={`Age of Empires II: Definitive Edition - Update ${patch.DE}`}>DE<br />{patch.DE}</span></>);
+};
diff --git a/src/components/molecules/Navbar/index.tsx b/src/components/molecules/Navbar/index.tsx
@@ -1,22 +1,27 @@
+
 import { Container } from "../../../styles";
+import { Version } from "../../atoms/Navbar/Version";
 import { DarkModeButton } from "../DarkMode";
 
 const Navbar = (): JSX.Element => (
   <div className="py-2 bg-zinc-300 dark:bg-zinc-800">
-    <Container className="flex flex-row gap-4 items-center justify-between">
-      <a
-        href="/"
-        className="shrink-0 p-[0.4rem] rounded-md bg-gradient-to-b from-zinc-100/20 to-zinc-100/50 dark:from-zinc-900/20 dark:to-zinc-900/50"
-      >
-        <div className="flex flex-row flex-wrap gap-1 items-center">
-          <img src="favicon.png" className="w-6 h-6 shrink-0" />
-          <span className="text-center text-sm font-extralight leading-none hidden md:block opacity-40">
-            Aoe2
-            <br />
-            Card
-          </span>
-        </div>
-      </a>
+    <Container className="flex flex-row items-center justify-between">
+      <div className="flex flex-row gap-1 items-center">
+        <a
+          href="/"
+          className="shrink-0 p-[0.4rem] rounded-md bg-gradient-to-b from-zinc-100/20 to-zinc-100/50 dark:from-zinc-900/20 dark:to-zinc-900/50"
+        >
+          <div className="flex flex-row flex-wrap gap-1 items-center">
+            <img src="favicon.png" className="w-6 h-6 shrink-0" />
+            <span className="text-center text-sm font-extralight leading-none hidden md:block opacity-40">
+              Aoe2
+              <br />
+              Card
+            </span>
+          </div>
+        </a>
+        <Version />
+      </div>
       <DarkModeButton />
     </Container>
   </div>