Add update framework

Signed-off-by: gearnode <bryan@frimin.fr>
2025-02-27 14:42:49 +01:00
parent c54febadb8
commit c946e51015
16 changed files with 1129 additions and 28 deletions
--- a/apps/console/src/layouts/ConsoleLayout.tsx
+++ b/apps/console/src/layouts/ConsoleLayout.tsx
@@ -137,6 +137,48 @@ function BreadcrumbFrameworkOverview() {
  );
 }

+function BreadcrumbUpdateFramework() {
+  const { organizationId, frameworkId } = useParams();
+  const data = useLazyLoadQuery<ConsoleLayoutBreadcrumbUpdateFrameworkQuery>(
+    graphql`
+      query ConsoleLayoutBreadcrumbUpdateFrameworkQuery($frameworkId: ID!) {
+        framework: node(id: $frameworkId) {
+          id
+          ... on Framework {
+            name
+          }
+        }
+      }
+    `,
+    { frameworkId: frameworkId! },
+    { fetchPolicy: "store-or-network" }
+  );
+
+  return (
+    <>
+      <BreadcrumbSeparator />
+      <BreadcrumbItem>
+        <BreadcrumbLink
+          asChild
+          className="max-w-[160px] truncate"
+          aria-label={data.framework?.name}
+        >
+          <Link
+            to={`/organizations/${organizationId}/frameworks/${frameworkId}`}
+          >
+            {data.framework?.name}
+          </Link>
+        </BreadcrumbLink>
+      </BreadcrumbItem>
+      <BreadcrumbSeparator />
+      <BreadcrumbItem>
+        <BreadcrumbPage>Update</BreadcrumbPage>
+      </BreadcrumbItem>
+      <Outlet />
+    </>
+  );
+}
+
 function BreadcrumbVendorList() {
  const { organizationId } = useParams();
  return (
@@ -303,7 +345,6 @@ function BreadcrumbCreateControl() {
    graphql`
      query ConsoleLayoutBreadcrumbCreateControlQuery($frameworkId: ID!) {
        framework: node(id: $frameworkId) {
-          id
          ... on Framework {
            name
          }
@@ -365,6 +406,10 @@ export default function ConsoleLayout() {
                        element={<BreadcrumbControlOverview />}
                      />
                    </Route>
+                    <Route
+                      path=":frameworkId/update"
+                      element={<BreadcrumbUpdateFramework />}
+                    />
                    <Route
                      path="create"
                      element={<BreadcrumbCreateFramework />}
--- a/apps/console/src/layouts/generated/ConsoleLayoutBreadcrumbCreateControlQuery.graphql.ts
+++ b/apps/console/src/layouts/generated/ConsoleLayoutBreadcrumbCreateControlQuery.graphql.ts
@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<72acdb0b83faf29c9d1a4f403a40ac5e>>
+ * @generated SignedSource<<051137c0676ed5fd6b8807a44b9cb2a4>>
 * @lightSyntaxTransform
 * @nogrep
 */
@@ -14,7 +14,6 @@ export type ConsoleLayoutBreadcrumbCreateControlQuery$variables = {
 };
 export type ConsoleLayoutBreadcrumbCreateControlQuery$data = {
  readonly framework: {
-    readonly id: string;
    readonly name?: string;
  };
 };
@@ -39,13 +38,6 @@ v1 = [
  }
 ],
 v2 = {
-  "alias": null,
-  "args": null,
-  "kind": "ScalarField",
-  "name": "id",
-  "storageKey": null
-},
-v3 = {
  "kind": "InlineFragment",
  "selections": [
    {
@@ -74,8 +66,7 @@ return {
        "name": "node",
        "plural": false,
        "selections": [
-          (v2/*: any*/),
-          (v3/*: any*/)
+          (v2/*: any*/)
        ],
        "storageKey": null
      }
@@ -105,23 +96,29 @@ return {
            "storageKey": null
          },
          (v2/*: any*/),
-          (v3/*: any*/)
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          }
        ],
        "storageKey": null
      }
    ]
  },
  "params": {
-    "cacheID": "96453f593f21e812afc5b888cc68da3e",
+    "cacheID": "a86ec305f24f6a83d549a31e1469a89c",
    "id": null,
    "metadata": {},
    "name": "ConsoleLayoutBreadcrumbCreateControlQuery",
    "operationKind": "query",
-    "text": "query ConsoleLayoutBreadcrumbCreateControlQuery(\n  $frameworkId: ID!\n) {\n  framework: node(id: $frameworkId) {\n    __typename\n    id\n    ... on Framework {\n      name\n    }\n  }\n}\n"
+    "text": "query ConsoleLayoutBreadcrumbCreateControlQuery(\n  $frameworkId: ID!\n) {\n  framework: node(id: $frameworkId) {\n    __typename\n    ... on Framework {\n      name\n    }\n    id\n  }\n}\n"
  }
 };
 })();

-(node as any).hash = "f249019075c60c4449f6f232229a6965";
+(node as any).hash = "5033069853aec310ad544974f7e64b5b";

 export default node;
--- a/apps/console/src/layouts/generated/ConsoleLayoutBreadcrumbUpdateFrameworkQuery.graphql.ts
+++ b/apps/console/src/layouts/generated/ConsoleLayoutBreadcrumbUpdateFrameworkQuery.graphql.ts
@@ -0,0 +1,127 @@
+/**
+ * @generated SignedSource<<d4b3974723a445d3d352518d6244afd2>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type ConsoleLayoutBreadcrumbUpdateFrameworkQuery$variables = {
+  frameworkId: string;
+};
+export type ConsoleLayoutBreadcrumbUpdateFrameworkQuery$data = {
+  readonly framework: {
+    readonly id: string;
+    readonly name?: string;
+  };
+};
+export type ConsoleLayoutBreadcrumbUpdateFrameworkQuery = {
+  response: ConsoleLayoutBreadcrumbUpdateFrameworkQuery$data;
+  variables: ConsoleLayoutBreadcrumbUpdateFrameworkQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "frameworkId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "frameworkId"
+  }
+],
+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
+    }
+  ],
+  "type": "Framework",
+  "abstractKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ConsoleLayoutBreadcrumbUpdateFrameworkQuery",
+    "selections": [
+      {
+        "alias": "framework",
+        "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": "ConsoleLayoutBreadcrumbUpdateFrameworkQuery",
+    "selections": [
+      {
+        "alias": "framework",
+        "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": "194d6a240ee1e2f0ef799e08bc0e44f5",
+    "id": null,
+    "metadata": {},
+    "name": "ConsoleLayoutBreadcrumbUpdateFrameworkQuery",
+    "operationKind": "query",
+    "text": "query ConsoleLayoutBreadcrumbUpdateFrameworkQuery(\n  $frameworkId: ID!\n) {\n  framework: node(id: $frameworkId) {\n    __typename\n    id\n    ... on Framework {\n      name\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "c6381fa068566e0ec00356b3e6835700";
+
+export default node;