sr2/link-stack
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

WIP 5

Browse source
This commit is contained in:
Darren Clarke 2024-03-20 17:51:21 +01:00
parent b8c6e893ff
commit b09cc82544
167 changed files with 2196 additions and 1302 deletions
Download patch file Download diff file Expand all files Collapse all files

115
packages/leafcutter-common/components/Footer.tsx
View file

@ -1,115 +0,0 @@
"use client";
import { FC } from "react";
import { Container, Grid, Box, Button } from "@mui/material";
import { useTranslate } from "react-polyglot";
import Image from "next/legacy/image";
import Link from "next/link";
import leafcutterLogo from "../images/leafcutter-logo.png";
import footerLogo from "../images/footer-logo.png";
import twitterLogo from "../images/twitter-logo.png";
import gitlabLogo from "../images/gitlab-logo.png";
import { useAppContext } from "./AppProvider";
export const Footer: FC = () => {
const t = useTranslate();
const {
colors: { white, leafcutterElectricBlue },
typography: { bodySmall },
} = useAppContext();
const smallLinkStyles: any = {
...bodySmall,
color: white,
textTransform: "none",
};
return (
<Box
sx={{
backgroundColor: leafcutterElectricBlue,
backgroundImage: `url(${footerLogo})`,
backgroundBlendMode: "overlay",
backgroundPosition: "bottom left",
backgroundRepeat: "no-repeat",
backgroundSize: "30%",
marginTop: "40px",
marginLeft: "300px",
}}
>
<Container sx={{ pt: 4, pb: 4 }}>
<Grid
container
direction="row"
wrap="nowrap"
justifyContent="space-between"
>
<Grid
item
container
direction="row"
wrap="nowrap"
sx={{ maxHeight: "auto" }}
>
<Grid item sx={{ width: 50, ml: 2, mr: 4 }}>
<Image src={leafcutterLogo} alt="CDR logo" />
</Grid>
</Grid>
<Grid item sx={{ color: "white" }}>
{t("contactUs")}
</Grid>
</Grid>
</Container>
<Box sx={{ backgroundColor: leafcutterElectricBlue }}>
<Container>
<Grid
item
container
direction="row"
justifyContent="space-between"
wrap="nowrap"
alignItems="center"
>
<Grid
item
container
direction="row"
spacing={1}
alignItems="center"
>
<Grid item>
<Box component="p" sx={{ ...bodySmall, color: white }}>
©️ {t("copyright")}
</Box>
</Grid>
<Grid item>
<Link href="/about/privacy" passHref>
<Button variant="text" sx={smallLinkStyles}>
{t("privacyPolicy")}
</Button>
</Link>
</Grid>
<Grid item>
<Link href="/about/code-practice" passHref>
<Button variant="text" sx={smallLinkStyles}>
{t("codeOfPractice")}
</Button>
</Link>
</Grid>
</Grid>
<Grid item sx={{ width: 40, p: 1, pl: 0 }}>
<a href="https://gitlab.com/digiresilience">
<Image src={gitlabLogo} alt="Gitlab logo" />
</a>
</Grid>
<Grid item sx={{ width: 40, p: 1, pr: 0 }}>
<a href="https://twitter.com/cdr_tech">
<Image src={twitterLogo} alt="Twitter logo" />
</a>
</Grid>
</Grid>
</Container>
</Box>
</Box>
);
};