Infrastructure/pingvin-share
0
Fork 0
mirror of https://github.com/stonith404/pingvin-share.git synced 2025-01-29 01:28:59 -05:00
Code Issues Activity

Add footer

Browse source
This commit is contained in:
Elias Schneider 2022-05-11 14:18:36 +02:00
parent 3cb7285e8f
commit c0e1caf543
No known key found for this signature in database
GPG key ID: D5EC1C72D93244FD
2 changed files with 27 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/components/Footer.tsx Normal file
View file

@ -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;

16
src/pages/_app.tsx
View file

@ -1,8 +1,10 @@
import { import {
ColorScheme, ColorScheme,
Container, Container,
Group,
LoadingOverlay, LoadingOverlay,
MantineProvider, MantineProvider,
Stack,
} from "@mantine/core"; } from "@mantine/core";
import { ModalsProvider } from "@mantine/modals"; import { ModalsProvider } from "@mantine/modals";
import { NotificationsProvider } from "@mantine/notifications"; import { NotificationsProvider } from "@mantine/notifications";
@ -11,6 +13,7 @@ import { GetServerSidePropsContext } from "next";
import type { AppProps } from "next/app"; import type { AppProps } from "next/app";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import "../../styles/globals.css"; import "../../styles/globals.css";
import Footer from "../components/Footer";
import ThemeProvider from "../components/mantine/ThemeProvider"; import ThemeProvider from "../components/mantine/ThemeProvider";
import Header from "../components/navBar/NavBar"; import Header from "../components/navBar/NavBar";
import globalStyle from "../styles/global.style"; import globalStyle from "../styles/global.style";
@ -56,10 +59,15 @@ function App(
<ConfigContext.Provider value={environmentVariables}> <ConfigContext.Provider value={environmentVariables}>
<IsSignedInContext.Provider value={isSignedIn}> <IsSignedInContext.Provider value={isSignedIn}>
<LoadingOverlay visible={isLoading} overlayOpacity={1} /> <LoadingOverlay visible={isLoading} overlayOpacity={1} />
<Header /> <Stack justify="space-between" sx={{ minHeight: "100vh" }}>
<Container> <div>
<Component {...pageProps} /> <Header />
</Container> <Container>
<Component {...pageProps} />
</Container>
</div>
<Footer />
</Stack>
</IsSignedInContext.Provider> </IsSignedInContext.Provider>
</ConfigContext.Provider> </ConfigContext.Provider>
)} )}