From 54e0a9f049aeac574e7880a90c54d9c88350296d Mon Sep 17 00:00:00 2001
From: CAWilson94 <charlotte.wilson@elastic.co>
Date: Fri, 8 Nov 2024 18:03:28 +0000
Subject: [PATCH] conditional render for euiCallout if no options selected

---
 .../components/enablement_modal.tsx           | 22 ++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/x-pack/plugins/security_solution/public/entity_analytics/components/entity_store/components/enablement_modal.tsx b/x-pack/plugins/security_solution/public/entity_analytics/components/entity_store/components/enablement_modal.tsx
index 9623c8388df2b..dbbaa7f707254 100644
--- a/x-pack/plugins/security_solution/public/entity_analytics/components/entity_store/components/enablement_modal.tsx
+++ b/x-pack/plugins/security_solution/public/entity_analytics/components/entity_store/components/enablement_modal.tsx
@@ -67,10 +67,21 @@ export const EntityStoreEnablementModal: React.FC<EntityStoreEnablementModalProp
     entityStore: !!entityStore.checked,
   });
   const { data: privileges, isLoading: isLoadingPrivileges } = useEntityEnginePrivileges();
+  const enablementOptions = enablements.riskScore || enablements.entityStore;
 
   if (!visible) {
     return null;
   }
+  const proceedWarning = (
+    <EuiCallOut
+      color="danger"
+      css={css`
+        border-radius: ${euiTheme.border.radius.medium};
+      `}
+    >
+      <p>{ENABLEMENT_WARNING_SELECT_TO_PROCEED}</p>
+    </EuiCallOut>
+  );
   return (
     <EuiModal onClose={() => toggle(false)}>
       <EuiModalHeader>
@@ -137,16 +148,7 @@ export const EntityStoreEnablementModal: React.FC<EntityStoreEnablementModalProp
 
       <EuiModalFooter>
         <EuiFlexGroup justifyContent="spaceBetween" alignItems="center">
-          <EuiFlexItem>
-            <EuiCallOut
-              color="danger"
-              css={css`
-                border-radius: ${euiTheme.border.radius.medium};
-              `}
-            >
-              <p>{ENABLEMENT_WARNING_SELECT_TO_PROCEED}</p>
-            </EuiCallOut>
-          </EuiFlexItem>
+          <EuiFlexItem>{!enablementOptions && proceedWarning}</EuiFlexItem>
           <EuiFlexItem grow={false}>
             <EuiFlexGroup direction="row">
               <EuiButtonEmpty onClick={() => toggle(false)}>{'Cancel'}</EuiButtonEmpty>