feat: added project settings and access management

frontend/src/pages/secret-manager/IntegrationsListPage/route.tsx

@@ -1,101 +1,101 @@
-import { createFileRoute, redirect } from '@tanstack/react-router'
-import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from 'zod'
+import { createFileRoute, redirect } from "@tanstack/react-router";
+import { zodValidator } from "@tanstack/zod-adapter";
+import { z } from "zod";
 
-import { workspaceKeys } from '@app/hooks/api'
-import { TIntegration } from '@app/hooks/api/integrations/types'
+import { workspaceKeys } from "@app/hooks/api";
+import { TIntegration } from "@app/hooks/api/integrations/types";
 import {
   fetchSecretSyncsByProjectId,
   SecretSync,
   secretSyncKeys,
-  TSecretSync,
-} from '@app/hooks/api/secretSyncs'
-import { fetchWorkspaceIntegrations } from '@app/hooks/api/workspace/queries'
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+  TSecretSync
+} from "@app/hooks/api/secretSyncs";
+import { fetchWorkspaceIntegrations } from "@app/hooks/api/workspace/queries";
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { IntegrationsListPage } from './IntegrationsListPage'
+import { IntegrationsListPage } from "./IntegrationsListPage";
 
 const IntegrationsListPageQuerySchema = z.object({
   selectedTab: z.nativeEnum(IntegrationsListPageTabs).optional(),
-  addSync: z.nativeEnum(SecretSync).optional(),
-})
+  addSync: z.nativeEnum(SecretSync).optional()
+});
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/"
 )({
   component: IntegrationsListPage,
   validateSearch: zodValidator(IntegrationsListPageQuerySchema),
   beforeLoad: async ({ context, search, params: { projectId } }) => {
     if (!search.selectedTab) {
-      let secretSyncs: TSecretSync[]
+      let secretSyncs: TSecretSync[];
 
       try {
         secretSyncs = await context.queryClient.ensureQueryData({
           queryKey: secretSyncKeys.list(projectId),
-          queryFn: () => fetchSecretSyncsByProjectId(projectId),
-        })
+          queryFn: () => fetchSecretSyncsByProjectId(projectId)
+        });
       } catch {
         throw redirect({
-          to: '/secret-manager/$projectId/integrations',
+          to: "/secret-manager/$projectId/integrations",
           params: {
-            projectId,
+            projectId
           },
-          search: { selectedTab: IntegrationsListPageTabs.NativeIntegrations },
-        })
+          search: { selectedTab: IntegrationsListPageTabs.NativeIntegrations }
+        });
       }
 
       if (secretSyncs.length) {
         throw redirect({
-          to: '/secret-manager/$projectId/integrations',
+          to: "/secret-manager/$projectId/integrations",
           params: {
-            projectId,
+            projectId
           },
-          search: { selectedTab: IntegrationsListPageTabs.SecretSyncs },
-        })
+          search: { selectedTab: IntegrationsListPageTabs.SecretSyncs }
+        });
       }
 
-      let integrations: TIntegration[]
+      let integrations: TIntegration[];
       try {
         integrations = await context.queryClient.ensureQueryData({
           queryKey: workspaceKeys.getWorkspaceIntegrations(projectId),
-          queryFn: () => fetchWorkspaceIntegrations(projectId),
-        })
+          queryFn: () => fetchWorkspaceIntegrations(projectId)
+        });
       } catch {
         throw redirect({
-          to: '/secret-manager/$projectId/integrations',
+          to: "/secret-manager/$projectId/integrations",
           params: {
-            projectId,
+            projectId
           },
-          search: { selectedTab: IntegrationsListPageTabs.SecretSyncs },
-        })
+          search: { selectedTab: IntegrationsListPageTabs.SecretSyncs }
+        });
       }
 
       if (integrations.length) {
         throw redirect({
-          to: '/secret-manager/$projectId/integrations',
+          to: "/secret-manager/$projectId/integrations",
           params: {
-            projectId,
+            projectId
           },
-          search: { selectedTab: IntegrationsListPageTabs.NativeIntegrations },
-        })
+          search: { selectedTab: IntegrationsListPageTabs.NativeIntegrations }
+        });
       }
 
       throw redirect({
-        to: '/secret-manager/$projectId/integrations',
+        to: "/secret-manager/$projectId/integrations",
         params: {
-          projectId,
+          projectId
         },
-        search: { selectedTab: IntegrationsListPageTabs.SecretSyncs },
-      })
+        search: { selectedTab: IntegrationsListPageTabs.SecretSyncs }
+      });
     }
 
     return {
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
-        },
-      ],
-    }
-  },
-})
+          label: "Integrations"
+        }
+      ]
+    };
+  }
+});