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

     1  import React from "react"
     2  import { useAppState } from "../../overmind"
     3  import CourseFavoriteButton from "../CourseFavoriteButton"
     4  import ToggleSwitch from "./ToggleSwitch"
     5  import Breadcrumbs from "./Breadcrumbs"
     6  
     7  
     8  
     9  const NavBarActiveCourse = (): JSX.Element | null => {
    10      const activeCourse = useAppState((state) => state.activeCourse ? (state.courses.find((c) => c.ID === state.activeCourse) ?? null) : null)
    11      const enrollment = useAppState((state) => state.enrollmentsByCourseID[state.activeCourse?.toString() ?? ""] ?? null)
    12      const { isLoggedIn } = useAppState()
    13  
    14      if (!isLoggedIn || !activeCourse || !enrollment) {
    15          return null
    16      }
    17  
    18      return (
    19          <div className="nav-child course">
    20              <Breadcrumbs />
    21              <CourseFavoriteButton enrollment={enrollment} style={{ "paddingRight": "20px" }} />
    22              <ToggleSwitch />
    23          </div>
    24      )
    25  }
    26  
    27  export default NavBarActiveCourse