remove experimental banner from correlations Alert

Signed-off-by: Riya Saxena <[email protected]>
opensearch-project · Dec 3, 2024 · a47b556 · a47b556
1 parent 824a9fe
commit a47b556
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 63 deletions.
diff --git a/public/pages/Alerts/containers/Alerts/Alerts.tsx b/public/pages/Alerts/containers/Alerts/Alerts.tsx
@@ -1064,12 +1064,9 @@ export class Alerts extends Component<AlertsProps, AlertsState> {
       {
         id: 'correlations',
         name: (
-          <EuiToolTip content="This object was created using an experimental feature. It may not appear in view if the feature is discontinued.">
-            <div style={{ display: 'flex', alignItems: 'center' }}>
-              <span style={{ marginRight: '4px' }}>Correlations</span>
-              <EuiIcon type="beaker" />
-            </div>
-          </EuiToolTip>
+          <div style={{ display: 'flex', alignItems: 'center' }}>
+            <span style={{ marginRight: '4px' }}>Correlations</span>
+          </div>
         ),
         content: (
           <>

diff --git a/public/pages/Alerts/containers/Alerts/__snapshots__/Alerts.test.tsx.snap b/public/pages/Alerts/containers/Alerts/__snapshots__/Alerts.test.tsx.snap
@@ -1538,33 +1538,24 @@ exports[`<Alerts /> spec renders the component 1`] = `
                       </ContentPanel>
                     </React.Fragment>,
                     "id": "correlations",
-                    "name": <EuiToolTip
-                      content="This object was created using an experimental feature. It may not appear in view if the feature is discontinued."
-                      delay="regular"
-                      position="top"
+                    "name": <div
+                      style={
+                        Object {
+                          "alignItems": "center",
+                          "display": "flex",
+                        }
+                      }
                     >
-                      <div
+                      <span
                         style={
                           Object {
-                            "alignItems": "center",
-                            "display": "flex",
+                            "marginRight": "4px",
                           }
                         }
                       >
-                        <span
-                          style={
-                            Object {
-                              "marginRight": "4px",
-                            }
-                          }
-                        >
-                          Correlations
-                        </span>
-                        <EuiIcon
-                          type="beaker"
-                        />
-                      </div>
-                    </EuiToolTip>,
+                        Correlations
+                      </span>
+                    </div>,
                   },
                 ]
               }
@@ -1647,44 +1638,24 @@ exports[`<Alerts /> spec renders the component 1`] = `
                         <span
                           className="euiTab__content"
                         >
-                          <EuiToolTip
-                            content="This object was created using an experimental feature. It may not appear in view if the feature is discontinued."
-                            delay="regular"
-                            position="top"
+                          <div
+                            style={
+                              Object {
+                                "alignItems": "center",
+                                "display": "flex",
+                              }
+                            }
                           >
                             <span
-                              className="euiToolTipAnchor"
-                              onKeyUp={[Function]}
-                              onMouseOut={[Function]}
-                              onMouseOver={[Function]}
-                            >
-                              <div
-                                onBlur={[Function]}
-                                onFocus={[Function]}
-                                style={
-                                  Object {
-                                    "alignItems": "center",
-                                    "display": "flex",
-                                  }
+                              style={
+                                Object {
+                                  "marginRight": "4px",
                                 }
-                              >
-                                <span
-                                  style={
-                                    Object {
-                                      "marginRight": "4px",
-                                    }
-                                  }
-                                >
-                                  Correlations
-                                </span>
-                                <EuiIcon
-                                  type="beaker"
-                                >
-                                  EuiIconMock
-                                </EuiIcon>
-                              </div>
+                              }
+                            >
+                              Correlations
                             </span>
-                          </EuiToolTip>
+                          </div>
                         </span>
                       </button>
                     </EuiTab>

diff --git a/public/pages/Correlations/containers/CreateCorrelationRule.tsx b/public/pages/Correlations/containers/CreateCorrelationRule.tsx
@@ -75,7 +75,6 @@ import {
   parseNotificationChannelsToOptions,
 } from '../../CreateDetector/components/ConfigureAlerts/utils/helpers';
 import { NotificationsCallOut } from '../../../../public/components/NotificationsCallOut';
-import { ExperimentalBanner } from '../components/ExperimentalBanner';
 import uuid from 'uuid';
 import { PageHeader } from '../../../components/PageHeader/PageHeader';
 
@@ -1003,7 +1002,6 @@ export const CreateCorrelationRule: React.FC<CreateCorrelationRuleProps> = (
               </ContentPanel>
               <EuiSpacer size="l" />
               <ContentPanel panelStyles={{ paddingLeft: 10, paddingRight: 10 }} hideHeaderBorder>
-                <ExperimentalBanner />
                 <EuiText size="s">
                   <h2>Alert Trigger </h2>
                 </EuiText>