From 182656bf98f626dad9e664d97babcb98b6c633eb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Sat, 18 May 2024 09:36:12 +0400
Subject: [PATCH] Create Footer component

---
 .env.sample          |  2 ++
 components/footer.js | 31 +++++++++++++++++++++++++++++++
 2 files changed, 33 insertions(+)
 create mode 100644 components/footer.js

diff --git a/.env.sample b/.env.sample
index 664f4d7..a9a5a30 100644
--- a/.env.sample
+++ b/.env.sample
@@ -1,2 +1,4 @@
 DIRECTUS_API_URL=http://0.0.0.0:8055
 APP_TITLE=constitution de karukera
+APP_FOOTER_TEXT=organisation ka internationale (oki)
+APP_FOOTER_URL=https://o-k-i.net
diff --git a/components/footer.js b/components/footer.js
new file mode 100644
index 0000000..ca2f723
--- /dev/null
+++ b/components/footer.js
@@ -0,0 +1,31 @@
+import Box from '@mui/material/Box'
+import Typography from '@mui/material/Typography'
+import Container from '@mui/material/Container'
+import Link from '@mui/material/Link'
+import {grey} from '@mui/material/colors'
+
+const appFooterText = process.env.APP_FOOTER_TEXT
+const appFooterUrl = process.env.APP_FOOTER_URL
+
+export default function Footer() {
+  return (
+    <Box
+      component='footer'
+      sx={{
+        textAlign: 'center',
+        py: 3,
+        px: 2,
+        mt: 'auto',
+        backgroundColor: grey[800]
+      }}
+    >
+      <Container maxWidth='sm'>
+        <Typography fontWeight='bold' variant='body2'>
+          <Link underline='hover' color='inherit' href={appFooterUrl}>
+            {appFooterText.toUpperCase()}
+          </Link>
+        </Typography>
+      </Container>
+    </Box>
+  )
+}