groot/automatisch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: upgrade to react-router@6

Browse Source
This commit is contained in:
Ali BARIN
2021-12-11 20:20:40 +01:00
committed by Ömer Faruk Aydın
parent 5c60738f25
commit 39eafca5ec
18 changed files with 207 additions and 4196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/web/src/components/ListItemLink/index.tsx
View File

@@ -1,5 +1,6 @@
import { useMemo, forwardRef } from 'react';
import ListItem from '@mui/material/ListItem';
import { useMatch } from 'react-router-dom';
import ListItem from '@mui/material/ListItemButton';
import ListItemIcon from '@mui/material/ListItemIcon';
import ListItemText from '@mui/material/ListItemText';
import { Link, LinkProps } from 'react-router-dom';
@@ -12,6 +13,7 @@ type ListItemLinkProps = {
export default function ListItemLink(props: ListItemLinkProps) {
const { icon, primary, to } = props;
const selected = useMatch({ path: to, end: false });
const CustomLink = useMemo(
() =>
@@ -26,9 +28,9 @@ export default function ListItemLink(props: ListItemLinkProps) {
return (
<li>
<ListItem button component={CustomLink} sx={{ pl: { xs: 2, sm: 3 } }}>
<ListItemIcon>{icon}</ListItemIcon>
<ListItemText primary={primary} primaryTypographyProps={{ variant: 'body1' }} />
<ListItem component={CustomLink} sx={{ pl: { xs: 2, sm: 3 } }} selected={!!selected}>
<ListItemIcon sx={{ minWidth: 52 }}>{icon}</ListItemIcon>
<ListItemText primary={primary} primaryTypographyProps={{ variant: 'body1', }} />
</ListItem>
</li>
);