63 lines
1.8 KiB
JavaScript
63 lines
1.8 KiB
JavaScript
import {useRouter} from "next/router";
|
|
import {Box, Breadcrumbs} from "@mui/material";
|
|
import {useTheme} from "@mui/material/styles";
|
|
import {NavigateBefore, NavigateNext} from "@mui/icons-material";
|
|
import BreadcrumbItem from "./BreadcrumbItem";
|
|
import useUser from "@/lib/app/hooks/useUser";
|
|
|
|
const BreadCrumbs = (props) => {
|
|
const {isVisible} = props;
|
|
const theme = useTheme();
|
|
const router = useRouter();
|
|
const {user} = useUser();
|
|
|
|
if (!isVisible) {
|
|
return null;
|
|
}
|
|
|
|
const {pathname} = router;
|
|
const RouterArray = pathname.split("/").filter((segment) => segment !== "");
|
|
|
|
// every part of your router you want to remove add it to this array
|
|
const segmentsToRemove = ["navgan", "refahi"];
|
|
|
|
segmentsToRemove.forEach((segmentToRemove) => {
|
|
const index = RouterArray.indexOf(segmentToRemove);
|
|
if (index !== -1) {
|
|
RouterArray.splice(index, 1);
|
|
}
|
|
});
|
|
|
|
|
|
if (RouterArray.length === 1) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<Box p={3} component="span">
|
|
<Breadcrumbs
|
|
maxItems={2}
|
|
separator={
|
|
theme.direction === "ltr" ? (
|
|
<NavigateNext fontSize="small"/>
|
|
) : (
|
|
<NavigateBefore fontSize="small"/>
|
|
)
|
|
}
|
|
aria-label="breadcrumb"
|
|
>
|
|
{RouterArray.map((segment, index) => (
|
|
<BreadcrumbItem
|
|
RouterArray={RouterArray}
|
|
label={segment}
|
|
key={segment}
|
|
index={index}
|
|
/>
|
|
))}
|
|
</Breadcrumbs>
|
|
</Box>
|
|
);
|
|
};
|
|
|
|
export default BreadCrumbs;
|