Move secretSuffix to separate metadata field

frontend/src/hooks/api/integrations/queries.tsx

@@ -41,7 +41,7 @@ export const useCreateIntegration = () => {
       path,
       region,
       secretPath,
-      secretSuffix
+      metadata
     }: {
       integrationAuthId: string;
       isActive: boolean;
@@ -56,7 +56,9 @@ export const useCreateIntegration = () => {
       owner: string | null;
       path: string | null;
       region: string | null;
-      secretSuffix: string;
+      metadata?: {
+        secretSuffix?: string;
+      }
     }) => {
       const { data: { integration } } = await apiRequest.post("/api/v1/integration", {
         integrationAuthId,
@@ -72,7 +74,7 @@ export const useCreateIntegration = () => {
         path,
         region,
         secretPath,
-        secretSuffix
+        metadata
       });
 
       return integration;

frontend/src/hooks/api/integrations/types.ts

@@ -27,8 +27,10 @@ export type TIntegration = {
   integration: string;
   integrationAuth: string;
   secretPath: string;
-  secretSuffix: string;
   createdAt: string;
   updatedAt: string;
   __v: number;
+  metadata?: {
+    secretSuffix?: string;
+  }
 };

frontend/src/pages/integrations/checkly/create.tsx

@@ -80,7 +80,9 @@ export default function ChecklyCreateIntegrationPage() {
         path: null,
         region: null,
         secretPath,
-        secretSuffix
+        metadata: {
+          secretSuffix
+        }
       });
 
       setIsLoading(false);

frontend/src/views/IntegrationsPage/components/IntegrationsSection/IntegrationsSection.tsx

@@ -119,7 +119,7 @@ export const IntegrationsSection = ({
                   <div className="ml-2 flex flex-col">
                     <FormLabel label="Secret Suffix" />
                     <div className="rounded-md border border-mineshaft-700 bg-mineshaft-900 px-3 py-2 font-inter text-sm text-bunker-200">
-                      {integration.secretSuffix || "-"}
+                      {integration?.metadata?.secretSuffix || "-"}
                     </div>
                   </div>
                 )}