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]/settings/integrations.tsx
+++ b/web/pages/[workspaceSlug]/projects/[projectId]/settings/integrations.tsx
@ -0,0 +1,100 @@
+import React from "react";
+
+import { useRouter } from "next/router";
+
+import useSWR from "swr";
+
+// layouts
+import { ProjectAuthorizationWrapper } from "layouts/auth-layout";
+// services
+import IntegrationService from "services/integration";
+import projectService from "services/project.service";
+// components
+import { SettingsHeader, SingleIntegration } from "components/project";
+// ui
+import { EmptyState, IntegrationAndImportExportBanner, Loader } from "components/ui";
+import { BreadcrumbItem, Breadcrumbs } from "components/breadcrumbs";
+// icons
+import { PlusIcon, PuzzlePieceIcon } from "@heroicons/react/24/outline";
+// images
+import emptyIntegration from "public/empty-state/integration.svg";
+// types
+import { IProject } from "types";
+import type { NextPage } from "next";
+// fetch-keys
+import { PROJECT_DETAILS, WORKSPACE_INTEGRATIONS } from "constants/fetch-keys";
+// helper
+import { truncateText } from "helpers/string.helper";
+
+const ProjectIntegrations: NextPage = () => {
+  const router = useRouter();
+  const { workspaceSlug, projectId } = router.query;
+
+  const { data: projectDetails } = useSWR<IProject>(
+    workspaceSlug && projectId ? PROJECT_DETAILS(projectId as string) : null,
+    workspaceSlug && projectId
+      ? () => projectService.getProject(workspaceSlug as string, projectId as string)
+      : null
+  );
+
+  const { data: workspaceIntegrations } = useSWR(
+    workspaceSlug ? WORKSPACE_INTEGRATIONS(workspaceSlug as string) : null,
+    () =>
+      workspaceSlug
+        ? IntegrationService.getWorkspaceIntegrationsList(workspaceSlug as string)
+        : null
+  );
+
+  return (
+    <ProjectAuthorizationWrapper
+      breadcrumbs={
+        <Breadcrumbs>
+          <BreadcrumbItem
+            title={`${truncateText(projectDetails?.name ?? "Project", 32)}`}
+            link={`/${workspaceSlug}/projects/${projectId}/issues`}
+            linkTruncate
+          />
+          <BreadcrumbItem title="Integrations" unshrinkTitle />
+        </Breadcrumbs>
+      }
+    >
+      <div className="h-full flex flex-col p-8 overflow-hidden">
+        <SettingsHeader />
+        {workspaceIntegrations ? (
+          workspaceIntegrations.length > 0 ? (
+            <section className="space-y-8 overflow-y-auto">
+              <IntegrationAndImportExportBanner bannerName="Integrations" />
+              <div className="space-y-5">
+                {workspaceIntegrations.map((integration) => (
+                  <SingleIntegration
+                    key={integration.integration_detail.id}
+                    integration={integration}
+                  />
+                ))}
+              </div>
+            </section>
+          ) : (
+            <EmptyState
+              title="You haven't configured integrations"
+              description="Configure GitHub and other integrations to sync your project issues."
+              image={emptyIntegration}
+              primaryButton={{
+                text: "Configure now",
+                onClick: () => router.push(`/${workspaceSlug}/settings/integrations`),
+              }}
+            />
+          )
+        ) : (
+          <Loader className="space-y-5">
+            <Loader.Item height="40px" />
+            <Loader.Item height="40px" />
+            <Loader.Item height="40px" />
+            <Loader.Item height="40px" />
+          </Loader>
+        )}
+      </div>
+    </ProjectAuthorizationWrapper>
+  );
+};
+
+export default ProjectIntegrations;