feat: seperated layouts for each product line

frontend/src/pages/cert-manager/layout.tsx

@@ -1,45 +1,14 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
+import { createFileRoute } from "@tanstack/react-router";
 
-import { workspaceKeys } from '@app/hooks/api'
-import {
-  fetchUserProjectPermissions,
-  roleQueryKeys,
-} from '@app/hooks/api/roles/queries'
-import { fetchWorkspaceById } from '@app/hooks/api/workspace/queries'
-import { ProjectLayout } from '@app/layouts/ProjectLayout'
+import { PkiManagerLayout } from "@app/layouts/PkiManagerLayout";
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/cert-manager/_cert-manager-layout',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/cert-manager/_cert-manager-layout"
 )({
-  component: ProjectLayout,
-  beforeLoad: async ({ params, context }) => {
-    const project = await context.queryClient.ensureQueryData({
-      queryKey: workspaceKeys.getWorkspaceById(params.projectId),
-      queryFn: () => fetchWorkspaceById(params.projectId),
-    })
-
-    await context.queryClient.ensureQueryData({
-      queryKey: roleQueryKeys.getUserProjectPermissions({
-        workspaceId: params.projectId,
-      }),
-      queryFn: () =>
-        fetchUserProjectPermissions({ workspaceId: params.projectId }),
-    })
-
+  component: PkiManagerLayout,
+  beforeLoad: async () => {
     return {
-      breadcrumbs: [
-        {
-          label: 'Cert Managers',
-          link: linkOptions({ to: '/organization/cert-manager/overview' }),
-        },
-        {
-          label: project.name,
-          link: linkOptions({
-            to: '/cert-manager/$projectId/subscribers',
-            params: { projectId: project.id },
-          }),
-        },
-      ],
-    }
-  },
-})
+      breadcrumbs: []
+    };
+  }
+});

frontend/src/pages/kms/layout.tsx

@@ -1,45 +1,14 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
+import { createFileRoute } from "@tanstack/react-router";
 
-import { workspaceKeys } from '@app/hooks/api'
-import {
-  fetchUserProjectPermissions,
-  roleQueryKeys,
-} from '@app/hooks/api/roles/queries'
-import { fetchWorkspaceById } from '@app/hooks/api/workspace/queries'
-import { ProjectLayout } from '@app/layouts/ProjectLayout'
+import { KmsLayout } from "@app/layouts/KmsLayout";
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/kms/_kms-layout',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/kms/_kms-layout"
 )({
-  component: ProjectLayout,
-  beforeLoad: async ({ params, context }) => {
-    const project = await context.queryClient.ensureQueryData({
-      queryKey: workspaceKeys.getWorkspaceById(params.projectId),
-      queryFn: () => fetchWorkspaceById(params.projectId),
-    })
-
-    await context.queryClient.ensureQueryData({
-      queryKey: roleQueryKeys.getUserProjectPermissions({
-        workspaceId: params.projectId,
-      }),
-      queryFn: () =>
-        fetchUserProjectPermissions({ workspaceId: params.projectId }),
-    })
-
+  component: KmsLayout,
+  beforeLoad: async () => {
     return {
-      breadcrumbs: [
-        {
-          label: 'KMS',
-          link: linkOptions({ to: '/organization/kms/overview' }),
-        },
-        {
-          label: project.name,
-          link: linkOptions({
-            to: '/kms/$projectId/overview',
-            params: { projectId: project.id },
-          }),
-        },
-      ],
-    }
-  },
-})
+      breadcrumbs: []
+    };
+  }
+});

frontend/src/pages/project/SettingsPage/SettingsPage.tsx

@@ -0,0 +1,3 @@
+export const SettingsPage = () => {
+  return <div>Settings</div>;
+};

frontend/src/pages/project/SettingsPage/route.tsx

@@ -0,0 +1,24 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { SettingsPage } from "./SettingsPage";
+
+export const Route = createFileRoute(
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/ssh/_ssh-layout/access-management"
+)({
+  component: SettingsPage,
+  beforeLoad: ({ context, params }) => {
+    return {
+      breadcrumbs: [
+        ...context.breadcrumbs
+        // {
+        //   label: "Access Control",
+        //   link: linkOptions({
+        //     to: "/ssh/$projectId/access-management",
+        //     params: {
+        //       projectId: params.projectId
+        //     }
+        //   })
+        // }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-scanning/layout.tsx

@@ -1,45 +1,14 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
+import { createFileRoute } from "@tanstack/react-router";
 
-import { workspaceKeys } from '@app/hooks/api'
-import {
-  fetchUserProjectPermissions,
-  roleQueryKeys,
-} from '@app/hooks/api/roles/queries'
-import { fetchWorkspaceById } from '@app/hooks/api/workspace/queries'
-import { ProjectLayout } from '@app/layouts/ProjectLayout'
+import { SecretScanningLayout } from "@app/layouts/SecretScanningLayout";
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-scanning/_secret-scanning-layout',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-scanning/_secret-scanning-layout"
 )({
-  component: ProjectLayout,
-  beforeLoad: async ({ params, context }) => {
-    const project = await context.queryClient.ensureQueryData({
-      queryKey: workspaceKeys.getWorkspaceById(params.projectId),
-      queryFn: () => fetchWorkspaceById(params.projectId),
-    })
-
-    await context.queryClient.ensureQueryData({
-      queryKey: roleQueryKeys.getUserProjectPermissions({
-        workspaceId: params.projectId,
-      }),
-      queryFn: () =>
-        fetchUserProjectPermissions({ workspaceId: params.projectId }),
-    })
-
+  component: SecretScanningLayout,
+  beforeLoad: async () => {
     return {
-      breadcrumbs: [
-        {
-          label: 'Secret Scanning',
-          link: linkOptions({ to: '/organization/secret-scanning/overview' }),
-        },
-        {
-          label: project.name,
-          link: linkOptions({
-            to: '/secret-scanning/$projectId/data-sources',
-            params: { projectId: project.id },
-          }),
-        },
-      ],
-    }
-  },
-})
+      breadcrumbs: []
+    };
+  }
+});

frontend/src/pages/ssh/layout.tsx

@@ -1,45 +1,14 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
+import { createFileRoute } from "@tanstack/react-router";
 
-import { workspaceKeys } from '@app/hooks/api'
-import {
-  fetchUserProjectPermissions,
-  roleQueryKeys,
-} from '@app/hooks/api/roles/queries'
-import { fetchWorkspaceById } from '@app/hooks/api/workspace/queries'
-import { ProjectLayout } from '@app/layouts/ProjectLayout'
+import { SshLayout } from "@app/layouts/SshLayout";
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/ssh/_ssh-layout',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/ssh/_ssh-layout"
 )({
-  component: ProjectLayout,
-  beforeLoad: async ({ params, context }) => {
-    const project = await context.queryClient.ensureQueryData({
-      queryKey: workspaceKeys.getWorkspaceById(params.projectId),
-      queryFn: () => fetchWorkspaceById(params.projectId),
-    })
-
-    await context.queryClient.ensureQueryData({
-      queryKey: roleQueryKeys.getUserProjectPermissions({
-        workspaceId: params.projectId,
-      }),
-      queryFn: () =>
-        fetchUserProjectPermissions({ workspaceId: params.projectId }),
-    })
-
+  component: SshLayout,
+  beforeLoad: async () => {
     return {
-      breadcrumbs: [
-        {
-          label: 'SSH',
-          link: linkOptions({ to: '/organization/ssh/overview' }),
-        },
-        {
-          label: project.name,
-          link: linkOptions({
-            to: '/ssh/$projectId/overview',
-            params: { projectId: project.id },
-          }),
-        },
-      ],
-    }
-  },
-})
+      breadcrumbs: []
+    };
+  }
+});