From f8f7aaeddfd0783bda33656835eab24422976e9a Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Mon, 29 Apr 2024 06:15:16 +0000
Subject: [PATCH] Fixed bug: Readonly DataSourceMEnu in create rollup and
 create transform workflow (#1047)

Signed-off-by: Prabhat Sharma <ptsharma@amazon.com>
Co-authored-by: Prabhat Sharma <ptsharma@amazon.com>
(cherry picked from commit 43b9e1eeec28eca06c5390d8c7f00803da36d856)
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 public/pages/Main/Main.tsx | 54 +++++++++++++++++++-------------------
 1 file changed, 27 insertions(+), 27 deletions(-)

diff --git a/public/pages/Main/Main.tsx b/public/pages/Main/Main.tsx
index 6f48fb144..e462fe10d 100644
--- a/public/pages/Main/Main.tsx
+++ b/public/pages/Main/Main.tsx
@@ -390,6 +390,33 @@ export default class Main extends Component<MainProps, MainState> {
                       >
                         {this.props.multiDataSourceEnabled && DataSourceMenu && DataSourceViewer && (
                           <Switch>
+                            <Route
+                              path={[ROUTES.CREATE_ROLLUP, ROUTES.CREATE_TRANSFORM]}
+                              render={() =>
+                                this.state.dataSourceReadOnly ? (
+                                  <DataSourceViewer
+                                    setMenuMountPoint={this.props.setActionMenu}
+                                    componentType={"DataSourceView"}
+                                    componentConfig={{
+                                      activeOption,
+                                      fullWidth: false,
+                                    }}
+                                  />
+                                ) : (
+                                  <DataSourceMenu
+                                    setMenuMountPoint={this.props.setActionMenu}
+                                    componentType={"DataSourceSelectable"}
+                                    componentConfig={{
+                                      savedObjects: core?.savedObjects.client,
+                                      notifications: core?.notifications,
+                                      fullWidth: false,
+                                      activeOption,
+                                      onSelectedDataSources: this.onSelectedDataSources,
+                                    }}
+                                  />
+                                )
+                              }
+                            />
                             <Route
                               path={[
                                 `${ROUTES.CREATE_DATA_STREAM}/:dataStream`,
@@ -451,33 +478,6 @@ export default class Main extends Component<MainProps, MainState> {
                                 />
                               )}
                             />
-                            <Route
-                              path={[ROUTES.CREATE_ROLLUP, ROUTES.CREATE_TRANSFORM]}
-                              render={() =>
-                                this.state.dataSourceReadOnly ? (
-                                  <DataSourceViewer
-                                    setMenuMountPoint={this.props.setActionMenu}
-                                    componentType={"DataSourceView"}
-                                    componentConfig={{
-                                      activeOption,
-                                      fullWidth: false,
-                                    }}
-                                  />
-                                ) : (
-                                  <DataSourceMenu
-                                    setMenuMountPoint={this.props.setActionMenu}
-                                    componentType={"DataSourceSelectable"}
-                                    componentConfig={{
-                                      savedObjects: core?.savedObjects.client,
-                                      notifications: core?.notifications,
-                                      fullWidth: false,
-                                      activeOption,
-                                      onSelectedDataSources: this.onSelectedDataSources,
-                                    }}
-                                  />
-                                )
-                              }
-                            />
                           </Switch>
                         )}
                         {!this.state.dataSourceLoading && (