rohit/probo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix mitigation breadcrumb

Browse Source 
Signed-off-by: gearnode <bryan@frimin.fr>
This commit is contained in:
gearnode
2025-03-28 14:48:45 +01:00
parent f04e11866f
commit f34f8d4008
2 changed files with 204 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
apps/console/src/pages/organizations/OrganizationBreadcrumb.tsx
View File

@@ -17,6 +17,7 @@ import { OrganizationBreadcrumbBreadcrumbPeopleOverviewQuery } from "./__generat
import { OrganizationBreadcrumbBreadcrumbPolicyOverviewQuery } from "./__generated__/OrganizationBreadcrumbBreadcrumbPolicyOverviewQuery.graphql";
import { OrganizationBreadcrumbBreadcrumbVendorOverviewQuery } from "./__generated__/OrganizationBreadcrumbBreadcrumbVendorOverviewQuery.graphql";
import { OrganizationBreadcrumbOrganizationQuery } from "./__generated__/OrganizationBreadcrumbOrganizationQuery.graphql";
import { OrganizationBreadcrumbBreadcrumbMitigationViewQuery } from "./__generated__/OrganizationBreadcrumbBreadcrumbMitigationViewQuery.graphql";
const BreadcrumbNavLink = ({
to,
@@ -400,6 +401,64 @@ function BreadcrumbPolicyOverview() {
);
}
function BreadcrumbMitigationList() {
const { organizationId } = useParams();
return (
<>
<BreadcrumbSeparator />
<BreadcrumbItem>
<BreadcrumbNavLink to={`/organizations/${organizationId}/mitigations`}>
Mitigations
</BreadcrumbNavLink>
</BreadcrumbItem>
<Outlet />
</>
);
}
function BreadcrumbMitigationView() {
const { organizationId, mitigationId } = useParams();
const data =
useLazyLoadQuery<OrganizationBreadcrumbBreadcrumbMitigationViewQuery>(
graphql`
query OrganizationBreadcrumbBreadcrumbMitigationViewQuery(
$mitigationId: ID!
) {
mitigation: node(id: $mitigationId) {
id
... on Mitigation {
name
category
}
}
}
`,
{ mitigationId: mitigationId! }
);
return (
<>
<BreadcrumbSeparator />
<BreadcrumbItem>
<BreadcrumbNavLink
to={`/organizations/${organizationId}/mitigations#${data.mitigation.category}`}
>
{data.mitigation.category}
</BreadcrumbNavLink>
</BreadcrumbItem>
<BreadcrumbSeparator />
<BreadcrumbItem>
<BreadcrumbNavLink
to={`/organizations/${organizationId}/mitigations/${mitigationId}`}
>
{data.mitigation.name}
</BreadcrumbNavLink>
</BreadcrumbItem>
</>
);
}
export function BreadCrumb() {
return (
<Routes>
@@ -410,6 +469,16 @@ export function BreadCrumb() {
</Suspense>
}
>
<Route path="mitigations" element={<BreadcrumbMitigationList />}>
<Route
path=":mitigationId"
element={
<Suspense>
<BreadcrumbMitigationView />
</Suspense>
}
/>
</Route>
<Route path="frameworks" element={<BreadcrumbFrameworkList />}>
<Route
path=":frameworkId"

135
apps/console/src/pages/organizations/__generated__/OrganizationBreadcrumbBreadcrumbMitigationViewQuery.graphql.ts generated Normal file
View File

@@ -0,0 +1,135 @@
/**
* @generated SignedSource<<5297fe6c58e18534c0e9684cfea6b319>>
* @lightSyntaxTransform
* @nogrep
*/
/* tslint:disable */
/* eslint-disable */
// @ts-nocheck
import { ConcreteRequest } from 'relay-runtime';
export type OrganizationBreadcrumbBreadcrumbMitigationViewQuery$variables = {
mitigationId: string;
};
export type OrganizationBreadcrumbBreadcrumbMitigationViewQuery$data = {
readonly mitigation: {
readonly category?: string;
readonly id: string;
readonly name?: string;
};
};
export type OrganizationBreadcrumbBreadcrumbMitigationViewQuery = {
response: OrganizationBreadcrumbBreadcrumbMitigationViewQuery$data;
variables: OrganizationBreadcrumbBreadcrumbMitigationViewQuery$variables;
};
const node: ConcreteRequest = (function(){
var v0 = [
{
"defaultValue": null,
"kind": "LocalArgument",
"name": "mitigationId"
}
],
v1 = [
{
"kind": "Variable",
"name": "id",
"variableName": "mitigationId"
}
],
v2 = {
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "id",
"storageKey": null
},
v3 = {
"kind": "InlineFragment",
"selections": [
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "name",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "category",
"storageKey": null
}
],
"type": "Mitigation",
"abstractKey": null
};
return {
"fragment": {
"argumentDefinitions": (v0/*: any*/),
"kind": "Fragment",
"metadata": null,
"name": "OrganizationBreadcrumbBreadcrumbMitigationViewQuery",
"selections": [
{
"alias": "mitigation",
"args": (v1/*: any*/),
"concreteType": null,
"kind": "LinkedField",
"name": "node",
"plural": false,
"selections": [
(v2/*: any*/),
(v3/*: any*/)
],
"storageKey": null
}
],
"type": "Query",
"abstractKey": null
},
"kind": "Request",
"operation": {
"argumentDefinitions": (v0/*: any*/),
"kind": "Operation",
"name": "OrganizationBreadcrumbBreadcrumbMitigationViewQuery",
"selections": [
{
"alias": "mitigation",
"args": (v1/*: any*/),
"concreteType": null,
"kind": "LinkedField",
"name": "node",
"plural": false,
"selections": [
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "__typename",
"storageKey": null
},
(v2/*: any*/),
(v3/*: any*/)
],
"storageKey": null
}
]
},
"params": {
"cacheID": "dcc05f69cfc1d38fae2488aa4740f109",
"id": null,
"metadata": {},
"name": "OrganizationBreadcrumbBreadcrumbMitigationViewQuery",
"operationKind": "query",
"text": "query OrganizationBreadcrumbBreadcrumbMitigationViewQuery(\n $mitigationId: ID!\n) {\n mitigation: node(id: $mitigationId) {\n __typename\n id\n ... on Mitigation {\n name\n category\n }\n }\n}\n"
}
};
})();
(node as any).hash = "0b8d38ad84bd4c5a684711285c29e5a4";
export default node;