import React from "react"; import { useRouter } from "next/router"; import useSWR from "swr"; // icon import { PlusIcon } from "lucide-react"; // constant import { WORKSPACE_VIEWS_LIST } from "constants/fetch-keys"; // service import workspaceService from "services/workspace.service"; type Props = { handleAddView: () => void; }; export const WorkspaceViewsNavigation: React.FC = ({ handleAddView }) => { const router = useRouter(); const { workspaceSlug, workspaceViewId } = router.query; const { data: workspaceViews } = useSWR( workspaceSlug ? WORKSPACE_VIEWS_LIST(workspaceSlug.toString()) : null, workspaceSlug ? () => workspaceService.getAllViews(workspaceSlug.toString()) : null ); const isSelected = (pathName: string) => router.pathname.includes(pathName); const tabsList = [ { key: "all", label: "All Issues", selected: isSelected("workspace-views/all-issues"), onClick: () => router.push(`/${workspaceSlug}/workspace-views/all-issues`), }, { key: "assigned", label: "Assigned", selected: isSelected("workspace-views/assigned"), onClick: () => router.push(`/${workspaceSlug}/workspace-views/assigned`), }, { key: "created", label: "Created", selected: isSelected("workspace-views/created"), onClick: () => router.push(`/${workspaceSlug}/workspace-views/created`), }, { key: "subscribed", label: "Subscribed", selected: isSelected("workspace-views/subscribed"), onClick: () => router.push(`/${workspaceSlug}/workspace-views/subscribed`), }, ]; return (
{tabsList.map((tab) => ( ))} {workspaceViews && workspaceViews.length > 0 && workspaceViews?.map((view) => ( ))}
); };