github.com/quickfeed/quickfeed@v0.0.0-20240507093252-ed8ca812a09c/public/src/components/navbar/NavBarUser.tsx (about)

     1  import React from "react"
     2  import AboutButton from "../navbar-buttons/AboutButton"
     3  import AdminButton from "../navbar-buttons/AdminButton"
     4  import { useAppState } from "../../overmind"
     5  import ProfileButton from "../navbar-buttons/ProfileButton"
     6  import LogoutButton from "../navbar-buttons/LogoutButton"
     7  import StreamStatus from "./StreamStatus"
     8  
     9  const NavBarUser = (): JSX.Element => {
    10      const { self, isLoggedIn } = useAppState()
    11  
    12      if (!isLoggedIn) {
    13          return (
    14              <ul>
    15                  <a href="/auth/github" className="signIn" style={{ textAlign: "right", color: "#d4d4d4", marginRight: "55px" }}>
    16                      <i className="fa fa-2x fa-github align-middle ms-auto " id="github" />
    17                  </a>
    18              </ul>
    19          )
    20      }
    21  
    22      return (
    23          <div className="flex-user">
    24  
    25              <StreamStatus />
    26              <ul className="nav-item dropdown">
    27                  <img className="rounded-circle" src={self.AvatarURL} id="avatar" />
    28                  <ul className="dropdown-menu dropdown-menu-center bg-dark">
    29                      <ProfileButton />
    30                      <AboutButton />
    31                      <AdminButton />
    32                      <LogoutButton />
    33                  </ul>
    34              </ul>
    35  
    36          </div>
    37      )
    38  }
    39  
    40  export default NavBarUser