import { observer } from "mobx-react-lite"; import { Plus } from "lucide-react"; // mobx store import { useMobxStore } from "lib/mobx/store-provider"; // hooks import useLocalStorage from "hooks/use-local-storage"; // components import { ModuleCardItem, ModulesListGanttChartView } from "components/modules"; import { EmptyState } from "components/common"; // ui import { Loader } from "@plane/ui"; // assets import emptyModule from "public/empty-state/module.svg"; export const ModulesListView: React.FC = observer(() => { const { module: moduleStore } = useMobxStore(); const { storedValue: modulesView } = useLocalStorage("modules_view", "grid"); const modulesList = moduleStore.projectModules; if (!modulesList) return ( ); return ( <> {modulesList.length > 0 ? ( <> {modulesView === "grid" && (
{modulesList.map((module) => ( ))}
)} {modulesView === "gantt_chart" && } ) : ( , text: "New Module", onClick: () => { const e = new KeyboardEvent("keydown", { key: "m", }); document.dispatchEvent(e); }, }} /> )} ); });