mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-11-27 17:45:52 -05:00
Fix trailing slash breaking tab navigation
This commit is contained in:
parent
ec5d424719
commit
27bdabcfeb
1 changed files with 6 additions and 6 deletions
|
@ -3,8 +3,8 @@ import {useRouteMatch, NavLink} from 'react-router-dom';
|
|||
import SubNavigation from '../../components/subnavigation/subnavigation.jsx';
|
||||
|
||||
const StudioTabNav = () => {
|
||||
const match = useRouteMatch();
|
||||
|
||||
const {params: {studioPath, studioId}} = useRouteMatch();
|
||||
const base = `/${studioPath}/${studioId}`;
|
||||
return (
|
||||
<SubNavigation
|
||||
align="left"
|
||||
|
@ -12,26 +12,26 @@ const StudioTabNav = () => {
|
|||
>
|
||||
<NavLink
|
||||
activeClassName="active"
|
||||
to={`${match.url}`}
|
||||
to={base}
|
||||
exact
|
||||
>
|
||||
<li>Projects</li>
|
||||
</NavLink>
|
||||
<NavLink
|
||||
activeClassName="active"
|
||||
to={`${match.url}/curators`}
|
||||
to={`${base}/curators`}
|
||||
>
|
||||
<li>Curators</li>
|
||||
</NavLink>
|
||||
<NavLink
|
||||
activeClassName="active"
|
||||
to={`${match.url}/comments`}
|
||||
to={`${base}/comments`}
|
||||
>
|
||||
<li> Comments</li>
|
||||
</NavLink>
|
||||
<NavLink
|
||||
activeClassName="active"
|
||||
to={`${match.url}/activity`}
|
||||
to={`${base}/activity`}
|
||||
>
|
||||
<li>Activity</li>
|
||||
</NavLink>
|
||||
|
|
Loading…
Reference in a new issue