✨ feat(analytics): add cookie consent dialog

2025-05-28 10:32:29 +00:00
parent e0f90d5d87
commit 2547572e1c
14 changed files with 302 additions and 34 deletions
@@ -0,0 +1,52 @@
+import React from 'react'
+import { Link as RouterLink } from 'react-router-dom'
+import { Box, Link, Stack, Typography } from '@mui/material'
+import PolicyIcon from '@mui/icons-material/Policy'
+import CookieIcon from '@mui/icons-material/Cookie'
+
+import { EmailIconLink, GitHubIconLink, LinkedInIconLink } from 'components/atoms'
+import CookieConsent from 'components/molecules/CookieConsent/index.js'
+
+type FooterProps = {
+  showCookieConsent?: boolean
+}
+
+const Footer: React.FC<FooterProps> = ({ showCookieConsent = true }) => {
+  const year = new Date().getFullYear()
+  return (
+    <Box sx={{ bgcolor: 'background.paper', p: 6, display: 'flex', alignItems: 'center', flexDirection: 'column' }} component="footer">
+      <Stack direction="row" gap={2}>
+        <LinkedInIconLink fontSize="large" href="https://www.linkedin.com/in/m-tartari/" />
+        <GitHubIconLink fontSize="large" href="https://www.github.com/m-tartari/" />
+        <EmailIconLink fontSize="large" href="mailto:info@m-tartari.eu" />
+      </Stack>
+
+      <Typography variant="subtitle2" align="center" color="text.secondary" component="em" mt={3}>
+        & copy; {year} Michele Tartari.All rights reserved.
+      </Typography>
+
+      <Stack mt={1}>
+        <Link component={RouterLink} to="/privacy#cookie-preferences" color="textSecondary">
+          <Stack direction="row" alignItems="center" justifyContent="center" gap={1}>
+            <CookieIcon fontSize="inherit" />
+            <Typography variant="subtitle2" component="span">
+              Cookie Preferences
+            </Typography>
+          </Stack>
+        </Link>
+        <Link component={RouterLink} to="/privacy" color="textSecondary">
+          <Stack direction="row" alignItems="center" justifyContent="center" gap={1}>
+            <PolicyIcon fontSize="inherit" />
+            <Typography variant="subtitle2" component="span">
+              Privacy Policy
+            </Typography>
+          </Stack>
+        </Link>
+      </Stack>
+
+      {showCookieConsent && <CookieConsent />}
+    </Box>
+  )
+}
+
+export default Footer