blob: 8aaaf8479e4a5178f6e0cffe07534ae3a0ff8bb3 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
|
import PropTypes from 'prop-types'
import React from 'react'
import Link from 'next/link'
import { NavLink, NavItem as RNavItem } from 'reactstrap'
import Navbar, { NavItem } from './Navbar'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faList } from '@fortawesome/free-solid-svg-icons'
import { Project } from '../../shapes'
const AppNavbarComponent = ({ project, fullWidth }) => (
<Navbar fullWidth={fullWidth}>
<NavItem route="/projects">
<Link href="/projects" passHref>
<NavLink title="My Projects">
<FontAwesomeIcon icon={faList} className="mr-2" />
My Projects
</NavLink>
</Link>
</NavItem>
{project ? (
<RNavItem>
<Link href={`/projects/${project._id}`} passHref>
<NavLink title="Current Project">
<span>{project.name}</span>
</NavLink>
</Link>
</RNavItem>
) : undefined}
</Navbar>
)
AppNavbarComponent.propTypes = {
project: Project,
fullWidth: PropTypes.bool,
}
export default AppNavbarComponent
|
