You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
import React from "react"; |
|
|
import Breadcrumbs from "@material-ui/core/Breadcrumbs"; |
|
|
import { Link } from "react-router-dom"; |
|
|
|
|
|
import "./index.scss"; |
|
|
|
|
|
function handleClick(event) { |
|
|
event.preventDefault(); |
|
|
console.info("You clicked a breadcrumb."); |
|
|
} |
|
|
|
|
|
const maxDesktopSize = 1250; |
|
|
const maxMobileSize = 650; |
|
|
|
|
|
const fontSize = { |
|
|
desktop: window.innerWidth > maxDesktopSize ? 12 : window.innerWidth / 90, |
|
|
mobile: window.innerWidth > maxDesktopSize ? 14 : window.innerWidth / 25, |
|
|
}; |
|
|
|
|
|
export default function ActiveLastBreadcrumb(props) { |
|
|
const { name } = props; |
|
|
return ( |
|
|
<Breadcrumbs aria-label="breadcrumb"> |
|
|
<Link |
|
|
style={{ |
|
|
fontSize: |
|
|
window.innerWidth > 1000 ? fontSize.desktop : fontSize.mobile, |
|
|
}} |
|
|
to={"/"} |
|
|
> |
|
|
صفحه اصلی |
|
|
</Link> |
|
|
<Link |
|
|
style={{ |
|
|
fontSize: |
|
|
window.innerWidth > 1000 ? fontSize.desktop : fontSize.mobile, |
|
|
color: "#00CC69", |
|
|
}} |
|
|
to={"/mybooks"} |
|
|
> |
|
|
کتابهای من |
|
|
</Link> |
|
|
</Breadcrumbs> |
|
|
); |
|
|
}
|
|
|
|