New Directory Setup (#2065)

* chore: moved app & space from apps to root * chore: modified workspace configuration * chore: modified dockerfiles for space and web * chore: modified icons for space * feat: updated files for new svg icons supported by next-images * chore: added /spaces base path for next * chore: added compose config for space * chore: updated husky configuration * chore: updated workflows for new configuration * chore: changed app name to web * fix: resolved build errors with web * chore: reset file tracing root for both projects * chore: added nginx config for deploy * fix: eslint and tsconfig settings for space app * husky setup fixes based on new dir * eslint fixes * prettier formatting --------- Co-authored-by: Henit Chobisa <chobisa.henit@gmail.com>
2023-09-03 18:50:30 +05:30 · 2023-09-03 18:50:30 +05:30 · 1e152c666c
commit 1e152c666c
parent 20e36194b4
1022 changed files with 1475 additions and 1240 deletions
--- a/web/pages/[workspaceSlug]/projects/[projectId]/views/[viewId].tsx
+++ b/web/pages/[workspaceSlug]/projects/[projectId]/views/[viewId].tsx
@ -0,0 +1,126 @@
+import { useRouter } from "next/router";
+
+import useSWR from "swr";
+
+// services
+import projectService from "services/project.service";
+import viewsService from "services/views.service";
+// layouts
+import { ProjectAuthorizationWrapper } from "layouts/auth-layout";
+// contexts
+import { IssueViewContextProvider } from "contexts/issue-view.context";
+// components
+import { IssuesFilterView, IssuesView } from "components/core";
+// ui
+import { CustomMenu, EmptyState, PrimaryButton } from "components/ui";
+import { BreadcrumbItem, Breadcrumbs } from "components/breadcrumbs";
+// icons
+import { PlusIcon } from "@heroicons/react/24/outline";
+import { StackedLayersIcon } from "components/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";
+
+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
+      ? () => viewsService.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
+      ? () =>
+          viewsService.getViewDetails(
+            workspaceSlug as string,
+            projectId as string,
+            viewId as string
+          )
+      : null
+  );
+
+  return (
+    <IssueViewContextProvider>
+      <ProjectAuthorizationWrapper
+        breadcrumbs={
+          <Breadcrumbs>
+            <BreadcrumbItem
+              title={`${activeProject?.name ?? "Project"} Views`}
+              link={`/${workspaceSlug}/projects/${activeProject?.id}/cycles`}
+            />
+          </Breadcrumbs>
+        }
+        left={
+          <CustomMenu
+            label={
+              <>
+                <StackedLayersIcon height={12} width={12} />
+                {viewDetails?.name && truncateText(viewDetails.name, 40)}
+              </>
+            }
+            className="ml-1.5"
+            width="auto"
+          >
+            {views?.map((view) => (
+              <CustomMenu.MenuItem
+                key={view.id}
+                renderAs="a"
+                href={`/${workspaceSlug}/projects/${projectId}/views/${view.id}`}
+              >
+                {truncateText(view.name, 40)}
+              </CustomMenu.MenuItem>
+            ))}
+          </CustomMenu>
+        }
+        right={
+          <div className="flex items-center gap-2">
+            <IssuesFilterView />
+            <PrimaryButton
+              className="flex items-center gap-2"
+              onClick={() => {
+                const e = new KeyboardEvent("keydown", { key: "c" });
+                document.dispatchEvent(e);
+              }}
+            >
+              <PlusIcon className="h-4 w-4" />
+              Add Issue
+            </PrimaryButton>
+          </div>
+        }
+      >
+        {error ? (
+          <EmptyState
+            image={emptyView}
+            title="View does not exist"
+            description="The view you are looking for does not exist or has been deleted."
+            primaryButton={{
+              text: "View other views",
+              onClick: () => router.push(`/${workspaceSlug}/projects/${projectId}/views`),
+            }}
+          />
+        ) : (
+          <div className="h-full w-full flex flex-col">
+            <IssuesView />
+          </div>
+        )}
+      </ProjectAuthorizationWrapper>
+    </IssueViewContextProvider>
+  );
+};
+
+export default SingleView;