casl/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🐛 fix: uniform headers across pages

Browse Source
This commit is contained in:
m-tartari
2025-06-16 13:36:02 +00:00
parent 1c4233573c
commit 428c908651
7 changed files with 81 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/molecules/CookieConsent/index.tsx
+3 -2
View File
@@ -3,6 +3,7 @@ import { Box, Button, Link, Stack, Typography, Unstable_TrapFocus as TrapFocus,
import { useAnalytics } from 'use-analytics'
import { ANALYTICS_PLUGINS, COOKIE_CONSENT_KEY } from 'components/utils/analytics/index.js'
import { SectionSubheader } from 'components/atoms/index.js'
interface Consent {
necessary: boolean // Always true, but included for completeness
@@ -63,9 +64,9 @@ const CookieConsent = () => {
zIndex: 9999,
})}>
<Box>
<Typography id="cookie-consent-dialog-title" variant="h6" component="h2" fontWeight="bold" gutterBottom>
<SectionSubheader id="cookie-consent-dialog-title" component="h2" variant="h6">
Cookie Preferences
</Typography>
</SectionSubheader>
<Typography id="cookie-consent-dialog-description" variant="body2" color="textSecondary">
<span style={{ display: 'inline-block' }}>We use cookies to improve your browsing experience and analyze our traffic.</span>
<span style={{ display: 'inline-block' }}>By clicking "Accept All", you consent to our use of cookies.</span>
src/components/molecules/CookiePreferences/index.tsx
+5 -4
View File
@@ -4,6 +4,7 @@ import { Box, Button, Link, Stack, Switch, Typography, SnackbarCloseReason, Snac
import { useAnalytics } from 'use-analytics'
import { ANALYTICS_PLUGINS, COOKIE_CONSENT_KEY } from 'components/utils/analytics/index.js'
import { SectionHeader } from 'components/atoms/index.js'
interface CookieConsentState {
necessary: boolean // Always true, but included for completeness
@@ -64,9 +65,9 @@ const CookieConsent: React.FC<CookieConsentProps> = ({ consentDisplayDefaultOpen
return (
<Box id="cookie-preferences" aria-labelledby="cookie-preferences-title" aria-describedby="cookie-preferences-description">
<Typography id="cookie-preferences-title" aria-label="cookie-preferences" variant="h3" component="h2" gutterBottom>
<SectionHeader color="inherit" id="cookie-preferences-title" aria-label="cookie-preferences">
Cookie Preferences
</Typography>
</SectionHeader>
<Typography id="cookie-preferences-description" color="textSecondary" flexGrow={1}>
Please set your preferences below. You can change these settings at any time in the future.
<br />
@@ -98,7 +99,7 @@ const CookieConsent: React.FC<CookieConsentProps> = ({ consentDisplayDefaultOpen
<Box>
<Stack direction="row" alignItems="center" justifyContent="space-between" alignContent="center">
<Typography variant="body1" fontWeight="bold">
<Typography variant="h6" fontFamily="Oswald, sans-serif">
Necessary Cookies
</Typography>
<Switch slotProps={{ input: { 'aria-label': 'necessary-cookies-toggle' } }} color="default" disabled checked />
@@ -110,7 +111,7 @@ const CookieConsent: React.FC<CookieConsentProps> = ({ consentDisplayDefaultOpen
<Box>
<Stack direction="row" alignItems="center" justifyContent="space-between" alignContent="center">
<Typography variant="body1" fontWeight="bold">
<Typography variant="h6" fontFamily="Oswald, sans-serif">
Analytics Cookies
</Typography>
<Switch
src/components/molecules/PrivacyPolicy/index.tsx
+9 -21
View File
@@ -1,7 +1,7 @@
import React from 'react'
import { Typography, Link, List as MuiList, styled, Box } from '@mui/material'
import ListItemText from 'components/atoms/ListItemText/index.js'
import { ListItemText, SectionHeader, SectionSubheader } from 'components/atoms/index.js'
const List = styled(MuiList)(({ theme }) => ({
listStyleType: 'disc',
@@ -15,24 +15,20 @@ const List = styled(MuiList)(({ theme }) => ({
const PrivacyPolicy: React.FC = () => {
return (
<Box aria-labelledby="privacy-policy">
<Typography id="privacy-policy" aria-label="privacy-policy" variant="h3" component="h2" gutterBottom>
<SectionHeader id="privacy-policy" aria-label="privacy-policy" color="inherit">
Privacy Policy
</Typography>
</SectionHeader>
<Typography variant="subtitle1" color="textSecondary" component="p" pb={4}>
Last updated: May 27, 2025
</Typography>
<Typography variant="h5" component="h2" gutterBottom>
Introduction
</Typography>
<SectionSubheader>Introduction</SectionSubheader>
<Typography component="p" color="textSecondary">
m-tartari ("we", "our", or "us") respects your privacy and is committed to protecting your personal data. This privacy policy will inform you
about how we look after your personal data when you visit our website and tell you about your privacy rights and how the law protects you.
</Typography>
<Typography variant="h5" component="h2" gutterBottom sx={{ mt: 4 }}>
The Data We Collect About You
</Typography>
<SectionSubheader sx={{ mt: 4 }}>The Data We Collect About You</SectionSubheader>
<Typography component="p" color="textSecondary">
We collect and process the following information when you visit our website:
</Typography>
@@ -44,9 +40,7 @@ const PrivacyPolicy: React.FC = () => {
<ListItemText title="Usage Data"> includes information about how you use our website, products, and services.</ListItemText>
</List>
<Typography variant="h5" component="h2" gutterBottom sx={{ mt: 4 }}>
Cookies
</Typography>
<SectionSubheader sx={{ mt: 4 }}>Cookies</SectionSubheader>
<Typography component="p" color="textSecondary">
We use cookies to distinguish you from other users of our website. This helps us to provide you with a good experience when you browse our
website and also allows us to improve our site.
@@ -66,9 +60,7 @@ const PrivacyPolicy: React.FC = () => {
</ListItemText>
</List>
<Typography variant="h5" component="h2" gutterBottom sx={{ mt: 4 }}>
Google Analytics
</Typography>
<SectionSubheader sx={{ mt: 4 }}>Google Analytics</SectionSubheader>
<Typography component="p" color="textSecondary">
This website uses Google Analytics 4, a web analytics service provided by Google, Inc. ("Google"). Google Analytics uses cookies to help the
website analyze how users use the site. The information generated by the cookie about your use of the website will be transmitted to and
@@ -92,9 +84,7 @@ const PrivacyPolicy: React.FC = () => {
.
</Typography>
<Typography variant="h5" component="h2" gutterBottom sx={{ mt: 4 }}>
Your Rights
</Typography>
<SectionSubheader sx={{ mt: 4 }}>Your Rights</SectionSubheader>
<Typography component="p" color="textSecondary">
Under the General Data Protection Regulation (GDPR), you have various rights in relation to your personal data, including:
</Typography>
@@ -108,9 +98,7 @@ const PrivacyPolicy: React.FC = () => {
<ListItemText>The right to object to processing of your personal data</ListItemText>
</List>
<Typography variant="h5" component="h2" gutterBottom sx={{ mt: 4 }}>
Contact Us
</Typography>
<SectionSubheader sx={{ mt: 4 }}>Contact Us</SectionSubheader>
<Typography component="p" color="textSecondary">
If you have any questions about this privacy policy or our privacy practices, please contact us at{' '}
<Link color="textPrimary" href="mailto:privacy@m-tartari.eu" target="_blank" rel="noopener noreferrer">