Breadcrumbs GiveBreadcrumb.tsx

100% Statements 4/4

85.71% Branches 6/7

100% Functions 2/2

100% Lines 4/4

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
40
41
42
43
44
45  
 
 
 
 
 
24x
 
 
 
 
 
168x
168x
 
 
332x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Breadcrumbs } from "@mui/material";
import GiveLink from "@shared/Link/GiveLink";
import GiveText from "@shared/Text/GiveText";
import { BreadcrumbProps } from "./GiveBreadcrumbs.types";
import { useLocation } from "react-router-dom";
 
const GiveBreadcrumb = ({
  items,
  separator = "/",
  customStyle,
  sx,
}: BreadcrumbProps) => {
    const location = useLocation();
  return (
    <Breadcrumbs separator={separator} aria-label="breadcrumb" sx={sx}>
      {items?.map((item, index) =>
        item.path ? (
          <GiveLink
            key={index}
            link={item.path}
            state={{ from: location.pathname }}
            sx={{
              ...(customStyle?.defaultColor && {
                color: customStyle.defaultColor,
              }),
            }}
          >
            {item.label}
          </GiveLink>
        ) : (
          <GiveText
            key={index}
            color={customStyle?.activeColor || "secondary"}
            variant="bodyS"
          >
            {item.label}
          </GiveText>
        ),
      )}
    </Breadcrumbs>
  );
};
 
export default GiveBreadcrumb;