add callout

Signed-off-by: abbyhu2000 <abigailhu2000@gmail.com>
opensearch-project · Aug 26, 2023 · 4b9128c · 4b9128c
1 parent 9a46a7c
commit 4b9128c
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/src/plugins/discover/public/application/view_components/canvas/index.tsx b/src/plugins/discover/public/application/view_components/canvas/index.tsx
@@ -4,7 +4,7 @@
  */
 
 import React from 'react';
-import { EuiFlexGroup, EuiFlexItem, EuiPanel } from '@elastic/eui';
+import { EuiFlexGroup, EuiFlexItem, EuiPanel, EuiCallOut } from '@elastic/eui';
 import { TopNav } from './top_nav';
 import { ViewProps } from '../../../../../data_explorer/public';
 import { DiscoverTable } from './discover_table';
@@ -21,6 +21,13 @@ export default function DiscoverCanvas({ setHeaderActionMenu, history }: ViewPro
           }}
         />
       </EuiFlexItem>
+      <div>
+        <EuiCallOut
+          title="New Discover is available to switch by default and the old discover will be deprecated in 2.11."
+          iconType="alert"
+        />
+      </div>
+
       <EuiFlexItem grow={false}>
         <EuiPanel hasBorder={false} hasShadow={false} color="transparent" paddingSize="s">
           <EuiPanel>

diff --git a/src/plugins/discover_legacy/public/application/components/discover_legacy.tsx b/src/plugins/discover_legacy/public/application/components/discover_legacy.tsx
@@ -30,7 +30,7 @@
 
 import React, { useState, useCallback, useEffect } from 'react';
 import classNames from 'classnames';
-import { EuiButtonEmpty, EuiButtonIcon } from '@elastic/eui';
+import { EuiButtonEmpty, EuiButtonIcon, EuiCallOut } from '@elastic/eui';
 import { i18n } from '@osd/i18n';
 import { FormattedMessage, I18nProvider } from '@osd/i18n/react';
 import { IUiSettingsClient, MountPoint } from 'opensearch-dashboards/public';
@@ -218,6 +218,12 @@ export function DiscoverLegacy({
               />
             </div>
             <div className={`dscWrapper ${mainSectionClassName}`}>
+              <div>
+                <EuiCallOut
+                  title="New Discover is available to switch by default and the old discover will be deprecated in 2.11."
+                  iconType="alert"
+                />
+              </div>
               {resultState === 'none' && (
                 <DiscoverNoResults
                   timeFieldName={opts.timefield}