import Link from "next/link"; import jsonpath from "jsonpath"; import _ from "lodash"; import { useState } from "react"; import { useRouter } from "next/router"; import useTranslation from "next-translate/useTranslation"; import LoadingOverlay from "react-loading-overlay"; import { getSession, useSession } from "next-auth/react"; const Breadcrumbs = (props) => { const { courseContent, slug, currentView } = props; const router = useRouter(); const { appealType, section } = router.query; let { t } = useTranslation(); function Breadcrumb() { if (slug) { var coursePageURL = appealType + "/" + slug; if (_.isEmpty(courseContent)) { return null; } else { var sectionObj = jsonpath.query( courseContent, '$..sections[?(@.path=="/' + coursePageURL + '")]' ); var breadcrumb = sectionObj[0].chapter.title; //sectionObj[0].chapter return (
  • {breadcrumb}
  • ); } } else { return null; } } // const [showSpinnerState, setShowSpinnerState] = useState(false); // let spinnerState = () => { // showSpinnerState == true // ? setShowSpinnerState(false) // : setShowSpinnerState(true); // }; const { data: session, status } = useSession(); return ( <> {/* */} ); }; export default Breadcrumbs;