fix redirection issue

Signed-off-by: Shenoy Pratik <[email protected]>
opensearch-project · Oct 18, 2023 · 9a34f6d · 9a34f6d
1 parent b782d02
commit 9a34f6d
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 1 deletion.
diff --git a/public/components/Main/main.tsx b/public/components/Main/main.tsx
@@ -109,6 +109,7 @@ interface MainState {
   asyncLoading: boolean;
   asyncLoadingStatus: AsyncQueryLoadingStatus;
   asyncJobId: string;
+  isAccelerationFlyoutOpened: boolean;
 }
 
 const SUCCESS_MESSAGE = 'Success';
@@ -246,6 +247,7 @@ export class Main extends React.Component<MainProps, MainState> {
       asyncLoading: false,
       asyncLoadingStatus: 'SUCCESS',
       asyncJobId: '',
+      isAccelerationFlyoutOpened: false,
     };
     this.httpClient = this.props.httpClient;
     this.updateSQLQueries = _.debounce(this.updateSQLQueries, 250).bind(this);
@@ -789,7 +791,7 @@ export class Main extends React.Component<MainProps, MainState> {
     });
   }
 
-  handleDataSelect = (selectedItems: []) => {
+  handleDataSelect = (selectedItems: EuiComboBoxOptionOption[]) => {
     if (selectedItems[0].label !== 'OpenSearch' && this.state.language === 'SQL') {
       this.updateSQLQueries('');
     }
@@ -798,6 +800,12 @@ export class Main extends React.Component<MainProps, MainState> {
     });
   };
 
+  setIsAccelerationFlyoutOpened = (value: boolean) => {
+    this.setState({
+      isAccelerationFlyoutOpened: value,
+    });
+  };
+
   render() {
     let page;
     let link;
@@ -819,6 +827,10 @@ export class Main extends React.Component<MainProps, MainState> {
           updateSQLQueries={this.updateSQLQueries}
           selectedDatasource={this.state.selectedDatasource}
           asyncLoading={this.state.asyncLoading}
+          openAccelerationFlyout={
+            this.props.isAccelerationFlyoutOpen && !this.state.isAccelerationFlyoutOpened
+          }
+          setIsAccelerationFlyoutOpened={this.setIsAccelerationFlyoutOpened}
         />
       );
       link = 'https://opensearch.org/docs/latest/search-plugins/sql/index/';

diff --git a/public/components/SQLPage/SQLPage.tsx b/public/components/SQLPage/SQLPage.tsx
@@ -37,6 +37,8 @@ interface SQLPageProps {
   sqlTranslations: ResponseDetail<TranslateResult>[];
   selectedDatasource: EuiComboBoxOptionOption[];
   asyncLoading: boolean;
+  openAccelerationFlyout: boolean;
+  setIsAccelerationFlyoutOpened: (value: boolean) => void;
 }
 
 interface SQLPageState {
@@ -80,6 +82,21 @@ export class SQLPage extends React.Component<SQLPageProps, SQLPageState> {
     });
   };
 
+  componentDidUpdate(prevProps: SQLPageProps) {
+    const { selectedDatasource, openAccelerationFlyout } = this.props;
+    const prevDataSource = prevProps.selectedDatasource[0].label;
+    const currentDataSource = selectedDatasource[0].label;
+
+    if (
+      currentDataSource !== prevDataSource &&
+      currentDataSource !== 'OpenSearch' &&
+      openAccelerationFlyout
+    ) {
+      this.setAccelerationFlyout();
+      this.props.setIsAccelerationFlyoutOpened(true);
+    }
+  }
+
   render() {
     const closeModal = () => this.setIsModalVisible(false);
     const showModal = () => this.setIsModalVisible(true);