scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-23 23:57:55 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Fix trailing slash breaking tab navigation

Browse source
This commit is contained in:
Paul Kaplan 2021-05-06 09:02:05 -04:00
parent ec5d424719
commit 27bdabcfeb
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/views/studio/studio-tab-nav.jsx
View file

@ -3,8 +3,8 @@ import {useRouteMatch, NavLink} from 'react-router-dom';
import SubNavigation from '../../components/subnavigation/subnavigation.jsx'; import SubNavigation from '../../components/subnavigation/subnavigation.jsx';
const StudioTabNav = () => { const StudioTabNav = () => {
const match = useRouteMatch(); const {params: {studioPath, studioId}} = useRouteMatch();
const base = `/${studioPath}/${studioId}`;
return ( return (
<SubNavigation <SubNavigation
align="left" align="left"
@ -12,26 +12,26 @@ const StudioTabNav = () => {
> >
<NavLink <NavLink
activeClassName="active" activeClassName="active"
to={`${match.url}`} to={base}
exact exact
> >
<li>Projects</li> <li>Projects</li>
</NavLink> </NavLink>
<NavLink <NavLink
activeClassName="active" activeClassName="active"
to={`${match.url}/curators`} to={`${base}/curators`}
> >
<li>Curators</li> <li>Curators</li>
</NavLink> </NavLink>
<NavLink <NavLink
activeClassName="active" activeClassName="active"
to={`${match.url}/comments`} to={`${base}/comments`}
> >
<li> Comments</li> <li> Comments</li>
</NavLink> </NavLink>
<NavLink <NavLink
activeClassName="active" activeClassName="active"
to={`${match.url}/activity`} to={`${base}/activity`}
> >
<li>Activity</li> <li>Activity</li>
</NavLink> </NavLink>