Hero HeroButton.tsx

0% Statements 0/12

100% Branches 0/0

0% Functions 0/2

0% Lines 0/11

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { styled, StyledEngineProvider, ThemeProvider } from "@mui/material";
import Button from "components/Button";
import { DASHBOARD } from "i18n/namespaces";
import Link from "next/link";
import { useTranslation } from "next-i18next";
import { searchRoute } from "routes";
 
import useHeroBackgroundTheme from "./useHeroBackgroundTheme";
 
const StyledButtonContainer = styled("div")(({ theme }) => ({
  display: "flex",
  justifyContent: "center",
  margin: theme.spacing(6, 0),
}));
 
export default function HeroButton() {
  const { t } = useTranslation(DASHBOARD);
 
  // because this component is over an image background, we adjust the theme
  const heroTheme = useHeroBackgroundTheme();
 
  return (
    <StyledButtonContainer>
      <StyledEngineProvider injectFirst>
        <ThemeProvider theme={heroTheme}>
          <Button
            component={Link}
            href={searchRoute}
            variant="contained"
            size="large"
          >
            {t("show_map")}
          </Button>
        </ThemeProvider>
      </StyledEngineProvider>
    </StyledButtonContainer>
  );
}