From fccbf9810f3217e22415cdc461228b99c2a8e474 Mon Sep 17 00:00:00 2001 From: Vladyslav Matsiiako Date: Fri, 15 Sep 2023 14:30:37 -0700 Subject: [PATCH] fixed gcp integration UIUX --- .../src/hooks/api/integrations/queries.tsx | 1 + .../src/pages/integrations/checkly/create.tsx | 4 + .../gcp-secret-manager/create.tsx | 79 +++++++++++++++---- .../integrations/hashicorp-vault/create.tsx | 4 + 4 files changed, 71 insertions(+), 17 deletions(-) diff --git a/frontend/src/hooks/api/integrations/queries.tsx b/frontend/src/hooks/api/integrations/queries.tsx index 8857da834..de5aa6da0 100644 --- a/frontend/src/hooks/api/integrations/queries.tsx +++ b/frontend/src/hooks/api/integrations/queries.tsx @@ -57,6 +57,7 @@ export const useCreateIntegration = () => { path?: string; region?: string; metadata?: { + secretPrefix?: string; secretSuffix?: string; } }) => { diff --git a/frontend/src/pages/integrations/checkly/create.tsx b/frontend/src/pages/integrations/checkly/create.tsx index 2b13c638e..dbf0e8c99 100644 --- a/frontend/src/pages/integrations/checkly/create.tsx +++ b/frontend/src/pages/integrations/checkly/create.tsx @@ -183,6 +183,10 @@ export default function ChecklyCreateIntegrationPage() { ) : (
+ + Set Up GCP Secret Manager Integration + + {isintegrationAuthAppsLoading ? infisical loading indicator :

diff --git a/frontend/src/pages/integrations/gcp-secret-manager/create.tsx b/frontend/src/pages/integrations/gcp-secret-manager/create.tsx index 3d1a7c504..9d56a827f 100644 --- a/frontend/src/pages/integrations/gcp-secret-manager/create.tsx +++ b/frontend/src/pages/integrations/gcp-secret-manager/create.tsx @@ -1,6 +1,10 @@ import { useEffect, useState } from "react"; import { Controller, useForm } from "react-hook-form"; +import Head from "next/head"; +import Link from "next/link"; import { useRouter } from "next/router"; +import { faArrowUpRightFromSquare, faBookOpen, faBugs } from "@fortawesome/free-solid-svg-icons"; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { yupResolver } from "@hookform/resolvers/yup"; import { motion } from "framer-motion"; import queryString from "query-string"; @@ -74,7 +78,7 @@ export default function GCPSecretManagerCreateIntegrationPage() { const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? ""); const { data: integrationAuth } = useGetIntegrationAuthById((integrationAuthId as string) ?? ""); - const { data: integrationAuthApps } = useGetIntegrationAuthApps({ + const { data: integrationAuthApps, isLoading: isintegrationAuthAppsLoading } = useGetIntegrationAuthApps({ integrationAuthId: (integrationAuthId as string) ?? "" }); @@ -157,12 +161,32 @@ export default function GCPSecretManagerCreateIntegrationPage() { onSubmit={handleSubmit(onFormSubmit)} className="flex h-full w-full items-center justify-center" > - - GCP Secret Manager Integration - + + + Set Up GCP Secret Manager Integration + + + + GCP Secret Manager Integration + + +

+ + Docs + +
+ + + + - Connection - Options +
+ Connection + Options +
- -
+
@@ -298,7 +314,7 @@ export default function GCPSecretManagerCreateIntegrationPage() { )} /> -
+
+ ) : ( -
+
+ + Set Up GCP Secret Manager Integration + + + {isintegrationAuthAppsLoading ? infisical loading indicator :
+ +

+ Something went wrong. Please contact + support@infisical.com + if the issue persists. +

+
} +
); } diff --git a/frontend/src/pages/integrations/hashicorp-vault/create.tsx b/frontend/src/pages/integrations/hashicorp-vault/create.tsx index 895f2c057..b64335c78 100644 --- a/frontend/src/pages/integrations/hashicorp-vault/create.tsx +++ b/frontend/src/pages/integrations/hashicorp-vault/create.tsx @@ -165,6 +165,10 @@ export default function HashiCorpVaultCreateIntegrationPage() {
) : (
+ + Set Up GCP Secret Manager Integration + + {isintegrationAuthLoading ? infisical loading indicator :