feat: [PROD-13334] display runTemplate name in dataset metadata

Author: esasova

src/views/DatasetManager/components/DatasetMetadata/DatasetMetadata.js

@@ -23,7 +23,8 @@ const useStyles = makeStyles((theme) => ({
 export const DatasetMetadata = () => {
   const classes = useStyles();
   const { t } = useTranslation();
-  const { dataset, updateDataset, selectedDatasetIndex, parentDatasetName } = useDatasetMetadata();
+  const { dataset, updateDataset, selectedDatasetIndex, parentDatasetName, etlDatasetRunTemplateName } =
+    useDatasetMetadata();
   const datasetId = dataset?.id;
   const userPermissionsOnDataset = dataset?.security?.currentUserPermissions ?? [];
 
@@ -123,7 +124,7 @@ export const DatasetMetadata = () => {
         <MetadataItem
           id="source-type"
           label={t('commoncomponents.datasetmanager.metadata.sourceType', 'Source')}
-          value={dataset?.sourceType}
+          value={etlDatasetRunTemplateName || dataset?.sourceType}
         ></MetadataItem>
         <MetadataItem
           id="api-url"

src/views/DatasetManager/components/DatasetMetadata/DatasetMetadataHook.js

@@ -1,16 +1,33 @@
 // Copyright (c) Cosmo Tech.
 // Licensed under the MIT license.
 import { useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
 import {
   useCurrentDataset,
   useDatasets,
   useUpdateDataset,
   useSelectedDatasetIndex,
 } from '../../../../state/hooks/DatasetHooks';
+import { useGetETLRunners } from '../../../../state/hooks/RunnerHooks';
+import { TranslationUtils } from '../../../../utils';
 
 export const useDatasetMetadata = () => {
+  const { t } = useTranslation();
   const currentDataset = useCurrentDataset();
   const selectedDatasetIndex = useSelectedDatasetIndex();
+  const runners = useGetETLRunners();
+
+  const etlDatasetRunTemplateName = useMemo(() => {
+    if (currentDataset?.sourceType === 'ETL') {
+      const datasetRelatedRunner = runners.find((runner) => runner.id === currentDataset?.source?.name) || null;
+      return datasetRelatedRunner
+        ? t(
+            TranslationUtils.getRunTemplateTranslationKey(datasetRelatedRunner?.runTemplateId),
+            datasetRelatedRunner?.runTemplateId
+          )
+        : '';
+    }
+  }, [currentDataset, runners, t]);
   const updateDataset = useUpdateDataset();
 
   const datasets = useDatasets();
@@ -20,5 +37,5 @@ export const useDatasetMetadata = () => {
     return parentDataset?.name;
   }, [datasets, currentDataset?.parentId]);
 
-  return { dataset: currentDataset, updateDataset, selectedDatasetIndex, parentDatasetName };
+  return { dataset: currentDataset, updateDataset, selectedDatasetIndex, parentDatasetName, etlDatasetRunTemplateName };
 };