Refactoring for display column lineage JSON (#2301)

* refactoring for display column lineage JSON Signed-off-by: tito1212 <vladyslav.sedenko@getindata.com> * request api after click Signed-off-by: tito1212 <vladyslav.sedenko@getindata.com> Signed-off-by: tito1212 <vladyslav.sedenko@getindata.com> Co-authored-by: tito1212 <vladyslav.sedenko@getindata.com>
MarquezProject · Dec 8, 2022 · 51fae37 · 51fae37
1 parent c003400
commit 51fae37
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/web/src/components/datasets/DatasetDetailPage.tsx b/web/src/components/datasets/DatasetDetailPage.tsx
@@ -55,6 +55,7 @@ interface StateProps {
   versions: DatasetVersion[]
   dataset: Dataset
   versionsLoading: boolean
+  isDatasetInit: boolean
 }
 
 interface DispatchProps {
@@ -94,6 +95,13 @@ const DatasetDetailPage: FunctionComponent<IProps> = props => {
     setTab(newValue)
   }
 
+  const handleFetchDataset = () => {
+    if(!props.isDatasetInit) {
+      fetchDataset(props.lineageDataset.namespace, props.lineageDataset.name)
+    }
+    return true
+  }
+
   if (versionsLoading) {
     return (
       <Box display={'flex'} justifyContent={'center'}>
@@ -148,7 +156,7 @@ const DatasetDetailPage: FunctionComponent<IProps> = props => {
         />
       )}
       {tab === 1 && <DatasetVersions versions={props.versions} />}
-      {tab === 2 && <DatasetColumnLineage columnLineage={props.dataset.columnLineage} />}
+      {tab === 2 && handleFetchDataset() && <DatasetColumnLineage columnLineage={props.dataset.columnLineage} />}
     </Box>
   )
 }
@@ -157,7 +165,8 @@ const mapStateToProps = (state: IState) => ({
   datasets: state.datasets.result,
   versions: state.datasetVersions.result.versions,
   dataset: state.dataset.result,
-  versionsLoading: state.datasetVersions.isLoading
+  versionsLoading: state.datasetVersions.isLoading,
+  isDatasetInit: state.dataset.init,
 })
 
 const mapDispatchToProps = (dispatch: Redux.Dispatch) =>