feat(dash): add error pages

Nitrrine · Nitrrine · commit f44ba5a73253 · 2025-10-05T18:30:37.000+05:00
diff --git a/apps/dashboard/src/layouts/Layout.astro b/apps/dashboard/src/layouts/Layout.astro
@@ -15,8 +15,13 @@ import "../styles/fonts.scss"
   <body>
     <nav>
       <span>@smc/dashboard</span>
-      <!-- TODO: get commit hash -->
-      <code>12345fa</code>
+      <code
+        >{
+          process.env.CF_PAGES_COMMIT_SHA
+            ? (process.env.CF_PAGES_COMMIT_SHA as string).substring(0, 7)
+            : "a1b2c3d"
+        }</code
+      >
       <ul>
         <li>
           <a href="/">home</a>
diff --git a/apps/dashboard/src/pages/404.astro b/apps/dashboard/src/pages/404.astro
@@ -0,0 +1,20 @@
+---
+import Layout from "../layouts/Layout.astro"
+---
+
+<Layout>
+  <main>
+    <h1>404</h1>
+    <p>Page Not Found</p>
+  </main>
+</Layout>
+
+<style>
+  main {
+    text-align: center;
+  }
+
+  h1 {
+    font-size: 4em;
+  }
+</style>
diff --git a/apps/dashboard/src/pages/500.astro b/apps/dashboard/src/pages/500.astro
@@ -0,0 +1,26 @@
+---
+import Layout from "../layouts/Layout.astro"
+
+interface Props {
+  error: unknown
+}
+
+const { error } = Astro.props
+---
+
+<Layout>
+  <main>
+    <h1>500</h1>
+    <p>{error instanceof Error ? error.message : "Unknown Error"}</p>
+  </main>
+</Layout>
+
+<style>
+  main {
+    text-align: center;
+  }
+
+  h1 {
+    font-size: 4em;
+  }
+</style>
diff --git a/apps/dashboard/src/styles/global.scss b/apps/dashboard/src/styles/global.scss
@@ -3,11 +3,14 @@
 }
 
 body {
+  display: flex;
+  flex-direction: column;
   margin: 0;
   padding: 0;
   font-family: "JetBrains Mono", monospace;
   background: #1e1e2e;
   color: #cdd6f4;
+  height: 100dvh;
 }
 
 a {
@@ -46,9 +49,11 @@ nav {
 }
 
 main {
+  flex: 1 1 auto;
   padding: 0 2em;
 }
 
 footer {
   padding: 2em;
+  text-align: center;
 }

Original file line number	Diff line number	Diff line change
`@@ -3,11 +3,14 @@`
`3`	`3`	`}`
`4`	`4`
`5`	`5`	`body {`
	`6`	`+ display: flex;`
	`7`	`+ flex-direction: column;`
`6`	`8`	`margin: 0;`
`7`	`9`	`padding: 0;`
`8`	`10`	`font-family: "JetBrains Mono", monospace;`
`9`	`11`	`background: #1e1e2e;`
`10`	`12`	`color: #cdd6f4;`
	`13`	`+ height: 100dvh;`
`11`	`14`	`}`
`12`	`15`
`13`	`16`	`a {`
`@@ -46,9 +49,11 @@ nav {`
`46`	`49`	`}`
`47`	`50`
`48`	`51`	`main {`
	`52`	`+ flex: 1 1 auto;`
`49`	`53`	`padding: 0 2em;`
`50`	`54`	`}`
`51`	`55`
`52`	`56`	`footer {`
`53`	`57`	`padding: 2em;`
	`58`	`+ text-align: center;`
`54`	`59`	`}`