feat: back home button on error-page (#60)

Fixes #59
CostasAK · Jul 26, 2024 · 23afe65 · 23afe65
1 parent 915152c
commit 23afe65
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/src/pages/error.tsx b/src/pages/error.tsx
@@ -1,16 +1,23 @@
+import { Button } from "@/components/ui/button";
 import { useRouteErrorMessage } from "@/hooks/use-route-error-message";
+import Page from "@/layout/page";
+import { Link } from "react-router-dom";
 
 export default function ErrorPage() {
   const error = useRouteErrorMessage();
   console.error(error);
 
   return (
-    <div id="error-page">
-      <h1>Oops!</h1>
+    <Page className="flex w-fit flex-col gap-4">
       <p>Sorry, an unexpected error has occurred.</p>
       <p>
         <i>{error}</i>
       </p>
-    </div>
+      <Button asChild>
+        <Link to="/" reloadDocument>
+          Go Home
+        </Link>
+      </Button>
+    </Page>
   );
 }
diff --git a/src/pages/no-match.tsx b/src/pages/no-match.tsx
@@ -7,7 +7,9 @@ export function NoMatch() {
     <Page className="flex w-fit flex-col gap-4">
       <span>Page not found.</span>
       <Button asChild>
-        <Link to="/">Go Home</Link>
+        <Link to="/" reloadDocument>
+          Go Home
+        </Link>
       </Button>
     </Page>
   );