import React from "react"; import { useRouter } from "next/router"; import { observer } from "mobx-react-lite"; import useSWR from "swr"; // mobx store import { useMobxStore } from "lib/mobx/store-provider"; // TODO: update this // import useStoreIssues from "hooks/use-store-issues"; // components import { ListLayout, CalendarLayout, GanttLayout, KanBanLayout, ProjectAppliedFiltersRoot, ProjectSpreadsheetLayout, ProjectEmptyState, } from "components/issues"; import { Spinner } from "@plane/ui"; // hooks export const ProjectLayoutRoot: React.FC = observer(() => { // router const router = useRouter(); const { workspaceSlug, projectId } = router.query as { workspaceSlug: string; projectId: string }; const { projectIssues: { loader, getIssues, fetchIssues }, projectIssuesFilter: { issueFilters, fetchFilters }, } = useMobxStore(); useSWR(workspaceSlug && projectId ? `PROJECT_ISSUES_V3_${workspaceSlug}_${projectId}` : null, async () => { if (workspaceSlug && projectId) { await fetchFilters(workspaceSlug, projectId); await fetchIssues(workspaceSlug, projectId, getIssues ? "mutation" : "init-loader"); } }); // TODO: update this // const { // issues: { loader: issueLoader, getIssuesIds: issueGetIssuesIds, fetchIssues: issueFetchIssues }, // issuesFilter: { issueFilters: issueIssueFilters, fetchFilters: issueFetchFilters }, // } = useStoreIssues("project"); // useSWR(workspaceSlug && projectId ? `PROJECT_ISSUES_V3_UPGRADED_${workspaceSlug}_${projectId}` : null, async () => { // if (workspaceSlug && projectId) { // await issueFetchFilters(workspaceSlug, projectId); // await issueFetchIssues(workspaceSlug, projectId, getIssues ? "mutation" : "init-loader"); // } // }); const activeLayout = issueFilters?.displayFilters?.layout; return (