Fix the data source at the flyout details tab

Signed-off-by: Ryan Liang <[email protected]>
opensearch-project · Mar 13, 2024 · 6e7acf9 · 6e7acf9
1 parent 0f87cc5
commit 6e7acf9
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/...ic/components/datasources/components/manage/accelerations/acceleration_details_flyout.tsx b/...ic/components/datasources/components/manage/accelerations/acceleration_details_flyout.tsx
@@ -57,7 +57,7 @@ const handlePromise = (
 export const AccelerationDetailsFlyout = ({
   acceleration: selectedAcc,
 }: AccelerationDetailsFlyoutProps) => {
-  const { index, acceleration } = selectedAcc;
+  const { index, dataSourceName, acceleration } = selectedAcc;
   const { flintIndexName } = acceleration;
   const [selectedTab, setSelectedTab] = useState('details');
   const tabsMap: { [key: string]: any } = {
@@ -172,7 +172,7 @@ export const AccelerationDetailsFlyout = ({
 
     // Only pass all props to AccelerationDetailsTab
     if (tab === 'details') {
-      propsForTab = { acceleration, settings, mappings, indexInfo };
+      propsForTab = { acceleration, settings, mappings, indexInfo, dataSourceName };
       console.log('propsForTabDetails: ', propsForTab);
     }
     if (tab === 'schema') {

diff --git a/public/components/datasources/components/manage/accelerations/acceleration_table.tsx b/public/components/datasources/components/manage/accelerations/acceleration_table.tsx
@@ -160,6 +160,7 @@ export const AccelerationTable = ({ dataSourceName }: AccelerationTableProps) =>
               renderAccelerationDetailsFlyout({
                 index: displayName,
                 acceleration,
+                dataSourceName,
               });
             }}
           >

diff --git a/...s/datasources/components/manage/accelerations/flyout_modules/acceleration_details_tab.tsx b/...s/datasources/components/manage/accelerations/flyout_modules/acceleration_details_tab.tsx
@@ -29,13 +29,15 @@ interface AccelerationDetailsTabProps {
   settings: object;
   mappings: object;
   indexInfo: any;
+  dataSourceName: string;
 }
 
 export const AccelerationDetailsTab = ({
   acceleration,
   settings,
   mappings,
   indexInfo,
+  dataSourceName,
 }: AccelerationDetailsTabProps) => {
   const isSkippingIndex =
     mappings?.data?.[acceleration.flintIndexName]?.mappings?._meta?.kind === 'skipping';
@@ -107,7 +109,7 @@ export const AccelerationDetailsTab = ({
       <EuiFlexGroup direction="row">
         <DetailComponent
           title="Data source connection"
-          description={<EuiLink onClick={() => console.log()}>{'mys3'}</EuiLink>}
+          description={<EuiLink onClick={() => console.log()}>{dataSourceName}</EuiLink>}
         />
         <DetailComponent title="Database" description={acceleration.database} />
         <DetailComponent title="Table" description={acceleration.table || '-'} />