From 07d8f79445dfc2002a3f8ce01064accf6ba26caa Mon Sep 17 00:00:00 2001
From: Draconizations <jake.fulminated@gmail.com>
Date: Mon, 25 Apr 2022 20:44:40 +0200
Subject: [PATCH] feat: proper 404 page

---
 src/App.svelte                |  2 ++
 src/pages/PageNotFound.svelte | 19 +++++++++++++++++++
 2 files changed, 21 insertions(+)
 create mode 100644 src/pages/PageNotFound.svelte

diff --git a/src/App.svelte b/src/App.svelte
index 56ab1f0a..0c81ca45 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -10,6 +10,7 @@
   import Status from './pages/status.svelte';
   import Member from './pages/Member.svelte';
   import Group from './pages/Group.svelte';
+  import PageNotFound from './pages/PageNotFound.svelte';
   import { Alert } from 'sveltestrap';
 import DiscordLogin from "./pages/DiscordLogin.svelte";
   import { onMount } from 'svelte';
@@ -81,5 +82,6 @@ import DiscordLogin from "./pages/DiscordLogin.svelte";
       <Alert color="danger">Please provide a group ID in the URL.</Alert>
     </Route>
     <Route path="status"><Status /></Route>
+    <Route component={PageNotFound}/>
   <Footer />
 </Router>
\ No newline at end of file
diff --git a/src/pages/PageNotFound.svelte b/src/pages/PageNotFound.svelte
new file mode 100644
index 00000000..75f60d1e
--- /dev/null
+++ b/src/pages/PageNotFound.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+    import { Container, Card, CardHeader, CardBody, Row, Col, CardTitle } from 'sveltestrap';
+    import { Link } from 'svelte-navigator';
+</script>
+
+<Container>
+    <Row>
+        <Col class="mx-auto" xs={12} lg={11} xl={10}>
+            <Card>
+                <CardHeader>
+                    <CardTitle style="margin-top: 8px; outline: none;">404. Page not found</CardTitle>
+                </CardHeader>
+                <CardBody>
+                    Looks like this page doesn't exist. <Link to="/">Go home</Link>?
+                </CardBody>
+            </Card>
+        </Col>
+    </Row>
+</Container>