feat: added project layout and project select in breadcrumb

frontend/src/pages/secret-scanning/SecretScanningDataSourceByIdPage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { SecretScanningDataSourceByIdPage } from "./SecretScanningDataSourceByIdPage";
+import { SecretScanningDataSourceByIdPage } from './SecretScanningDataSourceByIdPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-scanning/$projectId/_secret-scanning-layout/data-sources/$type/$dataSourceId"
+  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-scanning/_secret-scanning-layout/data-sources/$type/$dataSourceId',
 )({
   component: SecretScanningDataSourceByIdPage,
   beforeLoad: ({ context, params }) => {
@@ -11,16 +11,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Data Sources",
+          label: 'Data Sources',
           link: linkOptions({
-            to: "/secret-scanning/$projectId/data-sources",
-            params
-          })
+            to: '/secret-scanning/$projectId/data-sources',
+            params,
+          }),
         },
         {
-          label: "Data Source"
-        }
-      ]
-    };
-  }
-});
+          label: 'Data Source',
+        },
+      ],
+    }
+  },
+})

frontend/src/pages/secret-scanning/SecretScanningDataSourcesPage/route.tsx

@@ -1,11 +1,11 @@
-import { createFileRoute } from "@tanstack/react-router";
+import { createFileRoute } from '@tanstack/react-router'
 
-import { SecretScanningDataSourcesPage } from "./SecretScanningDataSourcesPage";
+import { SecretScanningDataSourcesPage } from './SecretScanningDataSourcesPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-scanning/$projectId/_secret-scanning-layout/data-sources/"
+  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-scanning/_secret-scanning-layout/data-sources/',
 )({
-  component: SecretScanningDataSourcesPage
+  component: SecretScanningDataSourcesPage,
   // beforeLoad: ({ context }) => {
   //   return {
   //     breadcrumbs: [
@@ -16,4 +16,4 @@ export const Route = createFileRoute(
   //     ]
   //   };
   // }
-});
+})

frontend/src/pages/secret-scanning/SecretScanningFindingsPage/route.tsx

@@ -1,29 +1,32 @@
-import { createFileRoute } from "@tanstack/react-router";
-import { zodValidator } from "@tanstack/zod-adapter";
-import { z } from "zod";
+import { createFileRoute } from '@tanstack/react-router'
+import { zodValidator } from '@tanstack/zod-adapter'
+import { z } from 'zod'
 
-import { SecretScanningFindingStatus } from "@app/hooks/api/secretScanningV2";
+import { SecretScanningFindingStatus } from '@app/hooks/api/secretScanningV2'
 
-import { SecretScanningFindingsPage } from "./SecretScanningFindingsPage";
+import { SecretScanningFindingsPage } from './SecretScanningFindingsPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-scanning/$projectId/_secret-scanning-layout/findings"
+  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-scanning/_secret-scanning-layout/findings',
 )({
   validateSearch: zodValidator(
     z.object({
       search: z.string().optional(),
-      status: z.nativeEnum(SecretScanningFindingStatus).optional().catch(undefined)
-    })
+      status: z
+        .nativeEnum(SecretScanningFindingStatus)
+        .optional()
+        .catch(undefined),
+    }),
   ),
   beforeLoad: ({ context }) => {
     return {
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Findings"
-        }
-      ]
-    };
+          label: 'Findings',
+        },
+      ],
+    }
   },
-  component: SecretScanningFindingsPage
-});
+  component: SecretScanningFindingsPage,
+})

frontend/src/pages/secret-scanning/SettingsPage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute } from "@tanstack/react-router";
+import { createFileRoute } from '@tanstack/react-router'
 
-import { SettingsPage } from "./SettingsPage";
+import { SettingsPage } from './SettingsPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-scanning/$projectId/_secret-scanning-layout/settings"
+  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-scanning/_secret-scanning-layout/settings',
 )({
   component: SettingsPage,
   beforeLoad: ({ context }) => {
@@ -11,9 +11,9 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Settings"
-        }
-      ]
-    };
-  }
-});
+          label: 'Settings',
+        },
+      ],
+    }
+  },
+})

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

@@ -1,41 +1,45 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } 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 { 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'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-scanning/$projectId/_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)
-    });
+      queryFn: () => fetchWorkspaceById(params.projectId),
+    })
 
     await context.queryClient.ensureQueryData({
       queryKey: roleQueryKeys.getUserProjectPermissions({
-        workspaceId: params.projectId
+        workspaceId: params.projectId,
       }),
-      queryFn: () => fetchUserProjectPermissions({ workspaceId: params.projectId })
-    });
+      queryFn: () =>
+        fetchUserProjectPermissions({ workspaceId: params.projectId }),
+    })
 
     return {
       breadcrumbs: [
         {
-          label: "Secret Scanning",
-          link: linkOptions({ to: "/organization/secret-scanning/overview" })
+          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 }
-          })
-        }
-      ]
-    };
-  }
-});
+            to: '/secret-scanning/$projectId/data-sources',
+            params: { projectId: project.id },
+          }),
+        },
+      ],
+    }
+  },
+})