import { useRouter } from "next/router"; import Link from "next/link"; import useSWR from "swr"; // services import { ProjectService } from "services/project"; import { ViewService } from "services/view.service"; // layouts import { ProjectAuthorizationWrapper } from "layouts/auth-layout-legacy"; // components import { ProjectViewLayoutRoot } from "components/issues"; // ui import { BreadcrumbItem, Breadcrumbs, PhotoFilterIcon } from "@plane/ui"; import { CustomMenu } from "components/ui"; import { EmptyState } from "components/common"; // icons // images import emptyView from "public/empty-state/view.svg"; // helpers import { truncateText } from "helpers/string.helper"; // fetch-keys import { PROJECT_DETAILS, VIEWS_LIST, VIEW_DETAILS } from "constants/fetch-keys"; import { ProjectViewIssuesHeader } from "components/headers"; // services const projectService = new ProjectService(); const viewService = new ViewService(); const SingleView: React.FC = () => { const router = useRouter(); const { workspaceSlug, projectId, viewId } = router.query; const { data: activeProject } = useSWR( workspaceSlug && projectId ? PROJECT_DETAILS(projectId as string) : null, workspaceSlug && projectId ? () => projectService.getProject(workspaceSlug as string, projectId as string) : null ); const { data: views } = useSWR( workspaceSlug && projectId ? VIEWS_LIST(projectId as string) : null, workspaceSlug && projectId ? () => viewService.getViews(workspaceSlug as string, projectId as string) : null ); const { data: viewDetails, error } = useSWR( workspaceSlug && projectId && viewId ? VIEW_DETAILS(viewId as string) : null, workspaceSlug && projectId && viewId ? () => viewService.getViewDetails(workspaceSlug as string, projectId as string, viewId as string) : null ); return ( router.back()}>

{`${activeProject?.name ?? "Project"} Views`}

} /> } left={ {viewDetails?.name && truncateText(viewDetails.name, 40)} } className="ml-1.5" width="auto" > {views?.map((view) => ( {truncateText(view.name, 40)} ))} } right={} > {error ? ( router.push(`/${workspaceSlug}/projects/${projectId}/views`), }} /> ) : ( )}
); }; export default SingleView;