Kieran/snort
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

use same navbar in deck view

Browse Source
This commit is contained in:
Martti Malmi
2023-11-23 11:01:17 +02:00
parent ef77606427
commit 4eb0408c27
8 changed files with 13 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/app/src/Pages/Layout/NavSidebar.tsx
View File

@ -43,9 +43,9 @@ const MENU_ITEMS = [
];
const getNavLinkClass = (isActive: boolean) => {
return isActive ?
"xl:ml-1 py-4 hover:no-underline flex flex-row items-center text-nostr-purple" :
"xl:ml-1 py-4 hover:no-underline hover:text-nostr-purple flex flex-row items-center";
return isActive
? "xl:ml-1 py-4 hover:no-underline flex flex-row items-center text-nostr-purple"
: "xl:ml-1 py-4 hover:no-underline hover:text-nostr-purple flex flex-row items-center";
};
export default function NavSidebar() {
@ -68,10 +68,7 @@ export default function NavSidebar() {
return "";
}
return (
<NavLink
key={item.link}
to={item.link}
className={({ isActive }) => getNavLinkClass(isActive)}>
<NavLink key={item.link} to={item.link} className={({ isActive }) => getNavLinkClass(isActive)}>
<Icon name={item.icon} size={24} />
<span className="hidden xl:inline ml-3">{item.label}</span>
</NavLink>