crimson-quirks/crimson-quirks-ui
1
0
Fork 0
mirror of https://github.com/hazemKrimi/crimson-quirks-ui.git synced 2026-05-01 18:20:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update navbar component

Browse Source
This commit is contained in:
Hazem Krimi
2021-06-14 02:20:36 +01:00
parent 0fb8c42908
commit c6a42f63da
1 changed files with 50 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Navbar/index.tsx
+50 -18
View File
@@ -21,24 +21,36 @@ const Navbar = () => {
<>
<Link
href='/clients'
color={location.pathname === '/clients' ? 'admin' : 'black'}
selected={location.pathname === '/clients'}
color={
new RegExp('/clients', 'i').test(location.pathname)
? 'admin'
: 'black'
}
selected={new RegExp('/clients', 'i').test(location.pathname)}
>
Clients
</Link>
<Link
href='/product-owners'
color={
location.pathname === '/product-owners' ? 'admin' : 'black'
new RegExp('/product-owners', 'i').test(location.pathname)
? 'admin'
: 'black'
}
selected={location.pathname === '/product-owners'}
selected={new RegExp('/product-owners', 'i').test(
location.pathname
)}
>
Product Owners
</Link>
<Link
href='/developers'
color={location.pathname === '/developers' ? 'admin' : 'black'}
selected={location.pathname === '/developers'}
color={
new RegExp('/developers', 'i').test(location.pathname)
? 'admin'
: 'black'
}
selected={new RegExp('/developers', 'i').test(location.pathname)}
>
Developers
</Link>
@@ -48,29 +60,45 @@ const Navbar = () => {
<>
<Link
href='/project'
color={location.pathname === '/project' ? 'developer' : 'black'}
selected={location.pathname === '/project'}
color={
new RegExp('/project', 'i').test(location.pathname)
? 'developer'
: 'black'
}
selected={new RegExp('/project', 'i').test(location.pathname)}
>
Projects
</Link>
<Link
href='/template'
color={location.pathname === '/template' ? 'developer' : 'black'}
selected={location.pathname === '/template'}
color={
new RegExp('/template', 'i').test(location.pathname)
? 'developer'
: 'black'
}
selected={new RegExp('/template', 'i').test(location.pathname)}
>
Templates
</Link>
<Link
href='/feature'
color={location.pathname === '/feature' ? 'developer' : 'black'}
selected={location.pathname === '/feature'}
color={
new RegExp('/feature', 'i').test(location.pathname)
? 'developer'
: 'black'
}
selected={new RegExp('/feature', 'i').test(location.pathname)}
>
Features
</Link>
<Link
href='/category'
color={location.pathname === '/category' ? 'developer' : 'black'}
selected={location.pathname === '/category'}
color={
new RegExp('/category', 'i').test(location.pathname)
? 'developer'
: 'black'
}
selected={new RegExp('/category', 'i').test(location.pathname)}
>
Categories
</Link>
@@ -81,18 +109,22 @@ const Navbar = () => {
<Link
href='/project'
color={
location.pathname === '/project' ? 'productOwner' : 'black'
new RegExp('/project', 'i').test(location.pathname)
? 'productOwner'
: 'black'
}
selected={location.pathname === '/project'}
selected={new RegExp('/project', 'i').test(location.pathname)}
>
Projects
</Link>
<Link
href='/template'
color={
location.pathname === '/template' ? 'productOwner' : 'black'
new RegExp('/template', 'i').test(location.pathname)
? 'productOwner'
: 'black'
}
selected={location.pathname === '/template'}
selected={new RegExp('/template', 'i').test(location.pathname)}
>
Templates
</Link>