From 3b8be36a78f9f1f24c8deb53213c68ee476281e5 Mon Sep 17 00:00:00 2001
From: Derrick <76881293+D-B-Hawk@users.noreply.github.com>
Date: Tue, 12 Dec 2023 17:50:20 -0800
Subject: [PATCH] feature flag cloudflare ca issuer key field (#415)

---
 .../clusterForms/shared/setupForm/index.tsx   | 24 +++++++++++--------
 redux/slices/featureFlags.slice.ts            |  1 +
 types/config/index.ts                         |  1 +
 3 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/containers/clusterForms/shared/setupForm/index.tsx b/containers/clusterForms/shared/setupForm/index.tsx
index 340f21fa..da7e0cee 100644
--- a/containers/clusterForms/shared/setupForm/index.tsx
+++ b/containers/clusterForms/shared/setupForm/index.tsx
@@ -53,9 +53,11 @@ const SetupForm: FunctionComponent = () => {
     installType,
     values,
     clusterMap,
-  } = useAppSelector(({ api, installation }) => ({
+    showCloudflareCaIssuerField,
+  } = useAppSelector(({ api, installation, featureFlags }) => ({
     ...api,
     ...installation,
+    showCloudflareCaIssuerField: featureFlags.flags.showCloudflareCaIssuerField,
   }));
 
   const {
@@ -274,15 +276,17 @@ const SetupForm: FunctionComponent = () => {
             onErrorText="Invalid token."
             onChange={handleCloudfareToken}
           />
-          <ControlledPassword
-            control={control}
-            name="cloudflareOriginCaIssuerKey"
-            label="Cloudflare origin ca issuer key"
-            rules={{
-              required: false,
-            }}
-            onErrorText="Invalid issuer key"
-          />
+          {showCloudflareCaIssuerField && (
+            <ControlledPassword
+              control={control}
+              name="cloudflareOriginCaIssuerKey"
+              label="Cloudflare origin ca issuer key"
+              rules={{
+                required: false,
+              }}
+              onErrorText="Invalid issuer key"
+            />
+          )}
         </>
       )}
       <ControlledAutocomplete
diff --git a/redux/slices/featureFlags.slice.ts b/redux/slices/featureFlags.slice.ts
index d8ea54a1..a4b52541 100644
--- a/redux/slices/featureFlags.slice.ts
+++ b/redux/slices/featureFlags.slice.ts
@@ -19,6 +19,7 @@ export const initialState: FeatureFlagsState = {
     [FeatureFlag.PROVISION_DO_PYHS_CLUSTERS]: false,
     [FeatureFlag.PROVISION_GCP_PYHS_CLUSTERS]: false,
     [FeatureFlag.PROVISION_VULTR_PYHS_CLUSTERS]: false,
+    [FeatureFlag.SHOW_CLOUDFLARE_CA_ISSUER]: false,
   },
   isLoading: false,
 };
diff --git a/types/config/index.ts b/types/config/index.ts
index e806d970..0cc44c34 100644
--- a/types/config/index.ts
+++ b/types/config/index.ts
@@ -8,6 +8,7 @@ export enum FeatureFlag {
   CLUSTER_PROVISIONING = 'cluster-provisioning',
   CLUSTER_MANAGEMENT = 'cluster-managament',
   MARKETPLACE = 'marketplace',
+  SHOW_CLOUDFLARE_CA_ISSUER = 'showCloudflareCaIssuerField',
 }
 
 export interface EnvironmentVariables {