Layout-full.js

import React from "react";
import { unsetToken } from "../lib/auth";

class Layout extends React.Component {
  render() {
    const { isAuthenticated, children } = this.props;
    return (
      <div>
        <header>
          <Nav className="navbar navbar-dark bg-dark">
            {isAuthenticated ? (
              <>
                <NavItem className="ml-auto">
                  <span style={{ color: "white", marginRight: 30 }}>
                    {this.props.loggedUser}
                  </span>
                </NavItem>
                <NavItem>
                  <Link href="/">
                    <a className="logout" onClick={unsetToken}>
                      Logout
                    </a>
                  </Link>
                </NavItem>
              </>
            ) : (
              <>
                <NavItem className="ml-auto">
                  <Link href="/signin">
                    <a className="nav-link">Sign In</a>
                  </Link>
                </NavItem>

                <NavItem>
                  <Link href="/signup">
                    <a className="nav-link"> Sign Up</a>
                  </Link>
                </NavItem>
              </>
            )}
          </Nav>
        </header>
      </div>
    );
  }
}

export default defaultPage(Layout);