refactor: arrow used in new window navigation

This commit is contained in:
Carlos Valente
2024-10-06 21:21:48 +02:00
parent 0398db9945
commit 384a6298cf
@@ -105,23 +105,19 @@ function NavigationMenu(props: NavigationMenuProps) {
> >
<IoLockClosedOutline /> <IoLockClosedOutline />
Editor Editor
<IoArrowUp className={style.linkIcon} />
</Link> </Link>
<ClientLink to='cuesheet' current={location.pathname === '/cuesheet'}> <ClientLink to='cuesheet' current={location.pathname === '/cuesheet'}>
<IoLockClosedOutline /> <IoLockClosedOutline />
Cuesheet Cuesheet
<IoArrowUp className={style.linkIcon} />
</ClientLink> </ClientLink>
<ClientLink to='op' current={location.pathname === '/op'}> <ClientLink to='op' current={location.pathname === '/op'}>
<IoLockClosedOutline /> <IoLockClosedOutline />
Operator Operator
<IoArrowUp className={style.linkIcon} />
</ClientLink> </ClientLink>
<hr className={style.separator} /> <hr className={style.separator} />
{navigatorConstants.map((route) => ( {navigatorConstants.map((route) => (
<ClientLink key={route.url} to={route.url} current={location.pathname === `/${route.url}`}> <ClientLink key={route.url} to={route.url} current={location.pathname === `/${route.url}`}>
{route.label} {route.label}
<IoArrowUp className={style.linkIcon} />
</ClientLink> </ClientLink>
))} ))}
</DrawerBody> </DrawerBody>
@@ -147,6 +143,7 @@ function ClientLink(props: PropsWithChildren<ClientLinkProps>) {
return ( return (
<button className={classes} tabIndex={0} onClick={(event) => handleLinks(event, to)}> <button className={classes} tabIndex={0} onClick={(event) => handleLinks(event, to)}>
{children} {children}
<IoArrowUp className={style.linkIcon} />
</button> </button>
); );
} }