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

Update navbar component

Browse Source
This commit is contained in:
Hazem Krimi
2021-05-12 01:40:47 +01:00
parent 2ad4aba796
commit aca15584d4
2 changed files with 55 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Navbar/index.tsx
+54
View File
@@ -44,6 +44,60 @@ const Navbar = () => {
</Link>
</>
)}
{role === 'developer' && (
<>
<Link
href='/project'
color={location.pathname === '/project' ? 'developer' : 'black'}
selected={location.pathname === '/project'}
>
Projects
</Link>
<Link
href='/template'
color={location.pathname === '/template' ? 'developer' : 'black'}
selected={location.pathname === '/template'}
>
Templates
</Link>
<Link
href='/feature'
color={location.pathname === '/feature' ? 'developer' : 'black'}
selected={location.pathname === '/feature'}
>
Features
</Link>
<Link
href='/category'
color={location.pathname === '/category' ? 'developer' : 'black'}
selected={location.pathname === '/category'}
>
Categories
</Link>
</>
)}
{role === 'productOwner' && (
<>
<Link
href='/project'
color={
location.pathname === '/project' ? 'productOwner' : 'black'
}
selected={location.pathname === '/project'}
>
Projects
</Link>
<Link
href='/template'
color={
location.pathname === '/template' ? 'productOwner' : 'black'
}
selected={location.pathname === '/template'}
>
Templates
</Link>
</>
)}
</nav>
<div className='menu'></div>
<div className='user' id='user'>
src/components/Navbar/styles.ts
+1 -1
View File
@@ -30,7 +30,7 @@ export const Wrapper = styled.div<WrapperProps>`
flex-grow: 1;
margin-left: 60px;
display: grid;
grid-template-columns: repeat(3, auto);
grid-template-columns: repeat(4, auto);
column-gap: 20px;
justify-content: flex-start;
}