summaryrefslogtreecommitdiff
path: root/opendc-web/opendc-web-ui/src/components/navigation/AppNavbarComponent.js
blob: 7b1eaae20eaf021bae39bc7755ae8989cb0afd42 (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
import React from 'react'
import FontAwesome from 'react-fontawesome'
import Link from 'next/link'
import { NavLink } from 'reactstrap'
import Navbar, { NavItem } from './Navbar'
import {} from './Navbar.module.scss'

const AppNavbarComponent = ({ project, fullWidth }) => (
    <Navbar fullWidth={fullWidth}>
        <NavItem route="/projects">
            <Link href="/projects">
                <NavLink title="My Projects">
                    <FontAwesome name="list" className="mr-2" />
                    My Projects
                </NavLink>
            </Link>
        </NavItem>
        {project ? (
            <NavItem>
                <Link href={`/projects/${project._id}`}>
                    <NavLink title="Current Project">
                        <span>{project.name}</span>
                    </NavLink>
                </Link>
            </NavItem>
        ) : undefined}
    </Navbar>
)

export default AppNavbarComponent