remove modal for discover redirection (opensearch-project#1543)

Signed-off-by: Eric <[email protected]>
RyanL1997 · Mar 16, 2024 · f095910 · f095910
1 parent ecb8fb3
commit f095910
Showing 1 changed file with 1 addition and 40 deletions.
diff --git a/public/components/common/search/search.tsx b/public/components/common/search/search.tsx
@@ -15,11 +15,6 @@ import {
   EuiFlexGroup,
   EuiFlexItem,
   EuiIcon,
-  EuiModal,
-  EuiModalBody,
-  EuiModalFooter,
-  EuiModalHeader,
-  EuiModalHeaderTitle,
   EuiPopover,
   EuiPopoverFooter,
   EuiText,
@@ -139,9 +134,6 @@ export const Search = (props: any) => {
   const sqlService = new SQLService(coreRefs.http);
   const { application } = coreRefs;
   const [nlqInput, setNlqInput] = useState('');
-  const [isModalVisible, setIsModalVisible] = useState(false);
-  const closeModal = () => setIsModalVisible(false);
-  const showModal = () => setIsModalVisible(true);
 
   const showQueryArea = !appLogEvents && coreRefs.queryAssistEnabled;
 
@@ -205,7 +197,7 @@ export const Search = (props: any) => {
 
   const handleQueryLanguageChange = (lang: string) => {
     if (lang === QUERY_LANGUAGE.DQL) {
-      showModal();
+      redirectToDiscover();
       return;
     }
     dispatch(
@@ -316,36 +308,6 @@ export const Search = (props: any) => {
     application!.navigateToUrl('../app/data-explorer/discover');
   };
 
-  let redirectionModal = null;
-  if (isModalVisible) {
-    redirectionModal = (
-      <EuiModal onClose={closeModal}>
-        <EuiModalHeader>
-          <EuiModalHeaderTitle>
-            <h1>Open in Discover</h1>
-          </EuiModalHeaderTitle>
-        </EuiModalHeader>
-        <EuiModalBody>
-          <EuiText>
-            The OpenSearch Dashboards Query Language (DQL) offers a simplified query syntax and
-            support for scripted fields. Selecting this option will open the Discover application.
-          </EuiText>
-        </EuiModalBody>
-        <EuiModalFooter>
-          <EuiButtonEmpty onClick={closeModal}>Cancel</EuiButtonEmpty>
-          <EuiButton
-            onClick={() => {
-              redirectToDiscover();
-            }}
-            fill
-          >
-            Open in Discover
-          </EuiButton>
-        </EuiModalFooter>
-      </EuiModal>
-    );
-  }
-
   return (
     <div className="globalQueryBar">
       <EuiFlexGroup direction="column" gutterSize="s">
@@ -594,7 +556,6 @@ export const Search = (props: any) => {
           </>
         )}
       </EuiFlexGroup>
-      {redirectionModal}
       {flyout}
     </div>
   );