Created the LinkItem.jsx

2023-07-08 22:14:13 +02:00 · 2023-07-08 22:14:13 +02:00 · b5dfe1e34a
commit b5dfe1e34a
parent eb54c4ad93
1 changed files with 12 additions and 0 deletions
--- a/src/common/components/Navigation/components/LinkItem/LinkItem.jsx
+++ b/src/common/components/Navigation/components/LinkItem/LinkItem.jsx
@ -0,0 +1,12 @@
+import {Link, Typography} from "@mui/material";
+
+export const LinkItem = ({route, onClick}) => {
+    return (
+        <Link underline="none" sx={{cursor: "pointer"}} onClick={onClick}>
+            <Typography variant="h5" sx={{mx: 2}} fontWeight={600}
+                        color={route.path === window.location.pathname ? "primary.main" : "text.primary"}>
+                {route.name}
+            </Typography>
+        </Link>
+    )
+}