rodolfo_ruiz/fendi-react-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: add logo to footer and same look and feel as header

Browse Source
This commit is contained in:
Rodolfo Ruiz
2025-08-21 20:28:30 -06:00
parent 6b493265b2
commit 4368723f3f
1 changed files with 33 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/components/Footer.jsx
View File

@@ -1,32 +1,43 @@
import { Box, Typography } from '@mui/material'; import { AppBar, Toolbar, Typography, Box } from '@mui/material';
import fendiLogo from '/Logo.png' import fendiLogo from '/Logo.png';
export default function Footer({ zone = 'public' }) { export default function Footer({ zone = 'public' }) {
const bgColor = {
public: '#40120EFF',
restricted: '#40120EFF',
private: '#40120EFF',
};
const year = new Date().getFullYear(); const year = new Date().getFullYear();
return ( return (
<Box <AppBar
component="footer" position="fixed"
elevation={0}
sx={{ sx={{
p: 2, top: 'auto',
textAlign: 'center', bottom: 0,
backgroundColor: bgColor[zone], backgroundColor: 'white',
mt: 'auto', color: '#40120EFF',
fontSize: { xs: '0.75rem', md: '1rem' }, boxShadow: '0px -2px 4px rgba(0,0,0,0.1)',
border: 'none',
width: '100%',
left: 0,
right: 0,
}} }}
> >
<Typography variant="body2"> <Toolbar
<img src={fendiLogo} alt="Fendi logo" style={{ height: 10, marginRight: 10 }} /> sx={{
{zone === 'private' minHeight: 64,
? `Admin Panel - Dream Views ${year}` px: 2,
: `© ${year} Dream Views. All rights reserved.`} display: 'flex',
</Typography> alignItems: 'center',
</Box> justifyContent: 'center',
}}
>
<Box display="flex" alignItems="center" gap={1.5}>
<img src={fendiLogo} alt="Fendi logo" style={{ height: 50 }} />
<Typography variant="body2" sx={{ color: '#40120EFF' }}>
{zone === 'private'
? `Admin Panel - Dream Views ${year}`
: `© ${year} Dream Views. All rights reserved.`}
</Typography>
</Box>
</Toolbar>
</AppBar>
); );
} }