import React, { useState } from "react"; import { useRouter } from "next/router"; import useSWR from "swr"; // mobx store import { useMobxStore } from "lib/mobx/store-provider"; // hooks import useLocalStorage from "hooks/use-local-storage"; // layouts import { AppLayout } from "layouts/app-layout"; // components import { ExistingIssuesListModal } from "components/core"; import { ModuleDetailsSidebar } from "components/modules"; import { ModuleLayoutRoot } from "components/issues"; import { ModuleIssuesHeader } from "components/headers"; // ui import { EmptyState } from "components/common"; // assets import emptyModule from "public/empty-state/module.svg"; // types import { NextPage } from "next"; const ModuleIssuesPage: NextPage = () => { const [moduleIssuesListModal, setModuleIssuesListModal] = useState(false); const router = useRouter(); const { workspaceSlug, projectId, moduleId } = router.query; const { module: moduleStore } = useMobxStore(); const { setValue, storedValue } = useLocalStorage("module_sidebar_collapsed", "false"); const isSidebarCollapsed = storedValue ? (storedValue === "true" ? true : false) : false; const { error } = useSWR( workspaceSlug && projectId && moduleId ? `CURRENT_MODULE_DETAILS_${moduleId.toString()}` : null, workspaceSlug && projectId && moduleId ? () => moduleStore.fetchModuleDetails(workspaceSlug.toString(), projectId.toString(), moduleId.toString()) : null ); // TODO: add this function to bulk add issues to cycle // const handleAddIssuesToModule = async (data: ISearchIssueResponse[]) => { // if (!workspaceSlug || !projectId) return; // const payload = { // issues: data.map((i) => i.id), // }; // await moduleService // .addIssuesToModule(workspaceSlug as string, projectId as string, moduleId as string, payload, user) // .catch(() => // setToastAlert({ // type: "error", // title: "Error!", // message: "Selected issues could not be added to the module. Please try again.", // }) // ); // }; // const openIssuesListModal = () => { // setModuleIssuesListModal(true); // }; const toggleSidebar = () => { setValue(`${!isSidebarCollapsed}`); }; return ( <> } withProjectWrapper> {/* TODO: Update logic to bulk add issues to a cycle */} setModuleIssuesListModal(false)} searchParams={{ module: true }} handleOnSubmit={async () => {}} /> {error ? ( router.push(`/${workspaceSlug}/projects/${projectId}/modules`), }} /> ) : (
{moduleId && !isSidebarCollapsed && (
)}
)}
); }; export default ModuleIssuesPage;