import { useEffect } from "react";
import { useStore } from "@nanostores/react";
import { facultyList } from "../../stores/facultiesStore";
import { fetchFacultiesAndFillStore } from "../../loaders/facultiesLoader";
export default function AcademicsMenu() {
let facultyLists = useStore(facultyList);
facultyLists = facultyLists.filter((dept) => dept.is_office === false);
useEffect(() => {
fetchFacultiesAndFillStore();
}, [facultyList]);
return (
<>
Academics
{facultyLists.map((faculty) => (
-
{faculty.name}
{faculty.departments.length > 0 && (
)}
))}
);
}