Function DesktopNav

client/src/components/Layout/Header/DesktopNav/index.tsx:20–78

(props: Props)

}

export default function DesktopNav(props: Props) {
  const viewer = useFragment(
    graphql`
      fragment DesktopNav_viewer on User {
        isGuest
        ...UserDropdown_viewer
      }
    `,
    props.viewer,
  )

  const isGuest = viewer.isGuest === undefined ? true : viewer.isGuest

  return (
    <header className="innerHeader px-sm-3 px-md-6 px-lg-4">
      <nav className="navLeft d-inline-block">
        <h1 className="h3 text-normal">
          <a
            href="/"
            className="primaryLogo n-link no-underline d-flex"
          >
            <div className="logo-container mr-2">
              <DigraphLogo height="28px" width="28px" fill="#000" />
            </div>

            Digraph
          </a>
        </h1>
      </nav>
      <div className="searchBox">
        <SearchBox router={props.router} location={props.location} view={props.view} />
      </div>
      <nav className="userNav">
        <a
          className="Link--primary px-2"
          href="https://blog.digraph.app"
        >
          Blog
        </a>
        <Link
          className="Link--primary px-2"
          id="recent-activity"
          to="/recent"
        >
          Recent
        </Link>
        <Link
          className="Link--primary px-2"
          to={toEverything}
        >
          Everything
        </Link>
        {isGuest
          ? <SignIn />
          : <UserNav viewer={viewer} />}
      </nav>
    </header>
  )