From c0e1caf54308ff9687937422a46040151d39832e Mon Sep 17 00:00:00 2001
From: Elias Schneider <login@eliasschneider.com>
Date: Wed, 11 May 2022 14:18:36 +0200
Subject: [PATCH] Add footer

---
 src/components/Footer.tsx | 15 +++++++++++++++
 src/pages/_app.tsx        | 16 ++++++++++++----
 2 files changed, 27 insertions(+), 4 deletions(-)
 create mode 100644 src/components/Footer.tsx

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
new file mode 100644
index 00000000..dc6eeb4c
--- /dev/null
+++ b/src/components/Footer.tsx
@@ -0,0 +1,15 @@
+import { Anchor, Center, Footer as MFooter, Text } from "@mantine/core";
+
+const Footer = () => {
+  return (
+    <MFooter height="auto" p={10}>
+      <Center>
+        <Text size="xs" color="dimmed">
+          Made with 🖤 by <Anchor size="xs" href="https://eliasschneider.com" target="_blank">Elias Schneider</Anchor>
+        </Text>
+      </Center>
+    </MFooter>
+  );
+};
+
+export default Footer;
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 8cd894a7..204c367a 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -1,8 +1,10 @@
 import {
   ColorScheme,
   Container,
+  Group,
   LoadingOverlay,
   MantineProvider,
+  Stack,
 } from "@mantine/core";
 import { ModalsProvider } from "@mantine/modals";
 import { NotificationsProvider } from "@mantine/notifications";
@@ -11,6 +13,7 @@ import { GetServerSidePropsContext } from "next";
 import type { AppProps } from "next/app";
 import { useEffect, useState } from "react";
 import "../../styles/globals.css";
+import Footer from "../components/Footer";
 import ThemeProvider from "../components/mantine/ThemeProvider";
 import Header from "../components/navBar/NavBar";
 import globalStyle from "../styles/global.style";
@@ -56,10 +59,15 @@ function App(
                 <ConfigContext.Provider value={environmentVariables}>
                   <IsSignedInContext.Provider value={isSignedIn}>
                     <LoadingOverlay visible={isLoading} overlayOpacity={1} />
-                    <Header />
-                    <Container>
-                      <Component {...pageProps} />
-                    </Container>
+                    <Stack justify="space-between" sx={{ minHeight: "100vh" }}>
+                      <div>
+                        <Header />
+                        <Container>
+                          <Component {...pageProps} />
+                        </Container>
+                      </div>
+                      <Footer />
+                    </Stack>
                   </IsSignedInContext.Provider>
                 </ConfigContext.Provider>
               )}