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>

Author: tito12

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) =>