Added user button and menu.

This commit is contained in:
Mike Cao 2020-08-05 23:03:07 -07:00
parent a5930f1772
commit 6e23a8a53b
21 changed files with 268 additions and 83 deletions

View file

@ -2,6 +2,7 @@ import React from 'react';
import { useSelector } from 'react-redux';
import classNames from 'classnames';
import Link from 'components/Link';
import UserButton from './UserButton';
import styles from './Header.module.css';
export default function Header() {
@ -11,16 +12,14 @@ export default function Header() {
<header className={classNames(styles.header, 'container')}>
<div className="row align-items-center">
<div className="col">
<Link href="/" className={styles.title}>
umami
</Link>
<div className={styles.title}>{user ? <Link href="/">umami</Link> : 'umami'}</div>
</div>
{user && (
<div className="col">
<div className={styles.nav}>
<Link href="/">Dashboard</Link>
<Link href="/dashboard">Dashboard</Link>
<Link href="/settings">Settings</Link>
<Link href="/logout">Logout</Link>
<UserButton />
</div>
</div>
)}