Header with breadcrumbs and version information

hackerspace-ntnu · Dec 8, 2024 · 314acbe · 314acbe
1 parent 3c11712
commit 314acbe
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/src/app/ui/emulator.module.css b/src/app/ui/emulator.module.css
@@ -2,6 +2,11 @@
     margin: 1em;
 }
 
+.versionInfo {
+    position: absolute;
+    right: 10px;
+}
+
 .paper {
     margin: 5px;
 }

diff --git a/src/components/emulator/emulator.tsx b/src/components/emulator/emulator.tsx
@@ -1,13 +1,14 @@
 "use client";
 
 import {
+    AppBar, Breadcrumbs,
     Button,
     Card,
-    FormControlLabel,
+    FormControlLabel, IconButton,
     Link,
     Paper,
     Switch,
-    TextField,
+    TextField, Toolbar,
     Tooltip,
     Typography
 } from "@mui/material";
@@ -859,6 +860,18 @@ export default function Emulator() {
     }
 
     return <>
+        <AppBar className={styles.header} position={"static"} color="transparent">
+            <Toolbar variant="dense">
+                <Breadcrumbs aria-label="breadcrumb">
+                    <Link href={"https://www.hackerspace-ntnu.no"} underline="hover" color="inherit">Hackerspace NTNU</Link>
+                    <Typography color="inherit">Breadboard Computer</Typography>
+                    <Typography color="inherit" sx={{ color: 'text.primary' }}>Emulator</Typography>
+                </Breadcrumbs>
+                <Typography variant={"subtitle2"} sx={{ color: 'text.secondary' }} className={styles.versionInfo}>
+                    {process.env.BUILD_VERSION ? "v" + process.env.BUILD_VERSION : "v1.081224a"}
+                </Typography>
+            </Toolbar>
+        </AppBar>
         <Grid container className={styles.grid}>
             <Grid size={8}>
                 <Card className={styles.buttons}>