Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-01-20 00:08:02 +01:00
Code Issues Projects Releases Wiki Activity

feat: support internal routes

Browse Source
This commit is contained in:
Ivar Conradi Østhus 2020-05-12 20:41:03 +02:00
parent eefc0cf44c
commit ae8fd61ea4
1 changed files with 28 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
frontend/src/component/menu/drawer.jsx
View File

@ -14,6 +14,33 @@ function getIcon(name) {
}
}
function renderLink(link) {
if (link.path) {
return (
<NavLink
key={link.path}
to={link.path}
className={[styles.navigationLink, 'mdl-color-text--grey-900'].join(' ')}
activeClassName={[styles.navigationLink, 'mdl-color-text--black', 'mdl-color--blue-grey-100'].join(' ')}
>
{getIcon(link.icon)} {link.value}
</NavLink>
);
} else {
return (
<a
href={link.href}
key={link.href}
target="_blank"
className={[styles.navigationLink, 'mdl-color-text--grey-900'].join(' ')}
title={link.title}
>
{getIcon(link.icon)} {link.value}
</a>
);
}
}
export const DrawerMenu = ({ links = [] }) => (
<Drawer className="mdl-color--white">
<span className={[styles.drawerTitle, 'mdl-layout-title'].join(' ')}>
@ -36,19 +63,7 @@ export const DrawerMenu = ({ links = [] }) => (
))}
</Navigation>
<hr />
<Navigation className={styles.navigation}>
{links.map(link => (
<a
href={link.href}
key={link.href}
target="_blank"
className={[styles.navigationLink, 'mdl-color-text--grey-900'].join(' ')}
title={link.title}
>
{getIcon(link.icon)} {link.value}
</a>
))}
</Navigation>
<Navigation className={styles.navigation}>{links.map(renderLink)}</Navigation>
</Drawer>
);