Add export

Signed-off-by: Bryan Frimin <bryan@getprobo.com>

apps/console/src/pages/organizations/frameworks/FrameworkLayoutView.tsx

@@ -23,6 +23,7 @@ import type { FrameworkLayoutViewDeleteMutation } from "./__generated__/Framewor
 import { PageTemplate } from "@/components/PageTemplate";
 import { FrameworkLayoutViewSkeleton } from "./FrameworkLayout";
 import { ControlList } from "./FrameworkLayoutView/ControlList";
+import { FrameworkLayoutViewExportAuditMutation } from "./__generated__/FrameworkLayoutViewExportAuditMutation.graphql";
 
 const FrameworkLayoutViewQuery = graphql`
   query FrameworkLayoutViewQuery($frameworkId: ID!) {
@@ -60,6 +61,14 @@ const DeleteFrameworkMutation = graphql`
   }
 `;
 
+const exportAuditMutation = graphql`
+  mutation FrameworkLayoutViewExportAuditMutation($input: ExportAuditInput!) {
+    exportAudit(input: $input) {
+      success
+    }
+  }
+`;
+
 function FrameworkLayoutViewContent({
   queryRef,
 }: {
@@ -73,17 +82,28 @@ function FrameworkLayoutViewContent({
   const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);
   const [isDeleting, setIsDeleting] = useState(false);
 
+  const [exportAudit, _] =
+    useMutation<FrameworkLayoutViewExportAuditMutation>(exportAuditMutation);
+
   // Setup delete mutation
   const [commitDeleteMutation] = useMutation<FrameworkLayoutViewDeleteMutation>(
-    DeleteFrameworkMutation,
+    DeleteFrameworkMutation
   );
 
+  const handleExportAudit = useCallback(() => {
+    exportAudit({
+      variables: {
+        input: { frameworkId: framework.id },
+      },
+    });
+  }, [exportAudit, framework.id]);
+
   const handleDeleteFramework = useCallback(() => {
     setIsDeleting(true);
 
     const connectionId = ConnectionHandler.getConnectionID(
       organizationId!,
-      "FrameworkListView_frameworks",
+      "FrameworkListView_frameworks"
     );
 
     commitDeleteMutation({
@@ -140,6 +160,9 @@ function FrameworkLayoutViewContent({
               Edit Framework
             </Link>
           </Button>
+          <Button variant="secondary" onClick={() => handleExportAudit()}>
+            Export Audit
+          </Button>
           <Button
             variant="destructive"
             onClick={() => setIsDeleteDialogOpen(true)}
@@ -189,7 +212,7 @@ function FrameworkLayoutViewContent({
 export default function FrameworkLayoutView() {
   const { frameworkId } = useParams();
   const [queryRef, loadQuery] = useQueryLoader<FrameworkLayoutViewQueryType>(
-    FrameworkLayoutViewQuery,
+    FrameworkLayoutViewQuery
   );
 
   useEffect(() => {

apps/console/src/pages/organizations/frameworks/__generated__/FrameworkLayoutViewExportAuditMutation.graphql.ts

@@ -0,0 +1,92 @@
+/**
+ * @generated SignedSource<<c25a5f65159da12ec86ca608b7583a67>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type ExportAuditInput = {
+  frameworkId: string;
+};
+export type FrameworkLayoutViewExportAuditMutation$variables = {
+  input: ExportAuditInput;
+};
+export type FrameworkLayoutViewExportAuditMutation$data = {
+  readonly exportAudit: {
+    readonly success: boolean;
+  };
+};
+export type FrameworkLayoutViewExportAuditMutation = {
+  response: FrameworkLayoutViewExportAuditMutation$data;
+  variables: FrameworkLayoutViewExportAuditMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "ExportAuditPayload",
+    "kind": "LinkedField",
+    "name": "exportAudit",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "success",
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "FrameworkLayoutViewExportAuditMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "FrameworkLayoutViewExportAuditMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "a0f656b50acde2ef3c3fef73e2155e9f",
+    "id": null,
+    "metadata": {},
+    "name": "FrameworkLayoutViewExportAuditMutation",
+    "operationKind": "mutation",
+    "text": "mutation FrameworkLayoutViewExportAuditMutation(\n  $input: ExportAuditInput!\n) {\n  exportAudit(input: $input) {\n    success\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "b7347f4f8e292580e056793df6c270a5";
+
+export default node;