import Link from "next/link"; import { JSONPath as jsonpath } from "jsonpath-plus"; import _ from "lodash"; import { useState } from "react"; import { useRouter } from "next/router"; import useTranslation from "next-translate/useTranslation"; import { useDispatch, useSelector, shallowEqual, connect } from "react-redux"; import { getSession, useSession } from "next-auth/react"; import { setCurrentLinkedCases, setCurrentReference, setCurrentView, } from "../store/currentView/action"; const Breadcrumbs = (props) => { const { courseContent, slug, currentView, setCurrentView } = 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( '$..sections[?(@.path=="/' + coursePageURL + '")]', courseContent ); 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 ( <> ); }; const mapStateToProps = (state) => { return { ...state, }; }; const mapDispatchToProps = (dispatch) => { return { setCurrentView: (currentView) => { dispatch(setCurrentView(currentView)); }, }; }; export default connect(mapStateToProps, mapDispatchToProps)(Breadcrumbs);