feat: init

apps/web/app/(all)/installations/[provider]/layout.tsx

@@ -0,0 +1,3 @@
+export default function InstallationProviderLayout({ children }: { children: React.ReactNode }) {
+  return children;
+}

apps/web/app/(all)/installations/[provider]/page.tsx

@@ -0,0 +1,75 @@
+"use client";
+
+import React, { useEffect } from "react";
+import { useParams, useSearchParams } from "next/navigation";
+// ui
+import { LogoSpinner } from "@/components/common/logo-spinner";
+// services
+import { AppInstallationService } from "@/services/app_installation.service";
+
+// services
+const appInstallationService = new AppInstallationService();
+
+export default function AppPostInstallation() {
+  // params
+  const { provider } = useParams();
+  // query params
+  const searchParams = useSearchParams();
+  const installation_id = searchParams.get("installation_id");
+  const state = searchParams.get("state");
+  const code = searchParams.get("code");
+
+  useEffect(() => {
+    if (provider === "github" && state && installation_id) {
+      appInstallationService
+        .addInstallationApp(state.toString(), provider, { installation_id })
+        .then(() => {
+          window.opener = null;
+          window.open("", "_self");
+          window.close();
+        })
+        .catch((err) => {
+          console.log(err);
+        });
+    } else if (provider === "slack" && state && code) {
+      const [workspaceSlug, projectId, integrationId] = state.toString().split(",");
+
+      if (!projectId) {
+        const payload = {
+          code,
+        };
+        appInstallationService
+          .addInstallationApp(state.toString(), provider, payload)
+          .then(() => {
+            window.opener = null;
+            window.open("", "_self");
+            window.close();
+          })
+          .catch((err) => {
+            throw err?.response;
+          });
+      } else {
+        const payload = {
+          code,
+        };
+        appInstallationService
+          .addSlackChannel(workspaceSlug, projectId, integrationId, payload)
+          .then(() => {
+            window.opener = null;
+            window.open("", "_self");
+            window.close();
+          })
+          .catch((err) => {
+            throw err?.response;
+          });
+      }
+    }
+  }, [state, installation_id, provider, code]);
+
+  return (
+    <div className="absolute left-0 top-0 z-50 flex h-full w-full flex-col items-center justify-center gap-y-3 bg-custom-background-80">
+      <h2 className="text-2xl text-custom-text-100">Installing. Please wait...</h2>
+      <LogoSpinner />
+    </div>
+  );
+}