Display datahub link for datasets with defined URN

superset-frontend/src/components/Icons/index.tsx

@@ -60,6 +60,7 @@ const IconFileNames = [
   'copy',
   'cursor_target',
   'database',
+  'datahub',
   'dataset_physical',
   'dataset_virtual_greyscale',
   'dataset_virtual',

superset-frontend/src/dashboard/components/Header/index.jsx

@@ -54,6 +54,7 @@ import setPeriodicRunner, {
 import { options as PeriodicRefreshOptions } from 'src/dashboard/components/RefreshIntervalModal';
 import findPermission from 'src/dashboard/util/findPermission';
 import { FILTER_BOX_MIGRATION_STATES } from 'src/explore/constants';
+import { datahubUrl } from 'src/preamble';
 import { DashboardEmbedModal } from '../DashboardEmbedControls';
 
 const propTypes = {
@@ -563,6 +564,12 @@ class Header extends React.PureComponent {
               showTooltip
             />
           )}
+          <a
+            href={`${datahubUrl}dashboard/urn:li:dashboard:(superset,${dashboardInfo.id})`}
+            style={{ paddingLeft: '0.5em' }}
+          >
+            <Icons.Datahub viewBox="0 0 180 180" />
+          </a>
         </div>
 
         <div className="button-container">

superset-frontend/src/preamble.ts

@@ -81,6 +81,8 @@ const getMe = makeApi<void, User>({
   endpoint: '/api/v1/me/',
 });
 
+export const datahubUrl = bootstrapData?.common?.datahub_url;
+
 /**
  * When you re-open the window, we check if you are still logged in.
  * If your session expired or you signed out, we'll redirect to login.

superset-frontend/src/views/CRUD/data/dataset/DatasetList.tsx

@@ -57,6 +57,7 @@ import ImportModelsModal from 'src/components/ImportModal/index';
 import { isFeatureEnabled, FeatureFlag } from 'src/featureFlags';
 import WarningIconWithTooltip from 'src/components/WarningIconWithTooltip';
 import { isUserAdmin } from 'src/dashboard/util/findPermission';
+import { datahubUrl } from 'src/preamble';
 import AddDatasetModal from './AddDatasetModal';
 
 import {
@@ -301,6 +302,26 @@ const DatasetList: FunctionComponent<DatasetListProps> = ({
         Header: t('Name'),
         accessor: 'table_name',
       },
+      {
+        Cell: ({
+          row: {
+            original: { extra },
+          },
+        }: any) => {
+          const parsedExtra = JSON.parse(extra);
+          if (parsedExtra?.urn) {
+            return (
+              <a href={datahubUrl + parsedExtra?.urn}>
+                <Icons.Datahub viewBox="0 0 180 180" />
+              </a>
+            );
+          }
+          return null;
+        },
+        accessor: 'datahub_link',
+        disableSortBy: true,
+        size: 'xs',
+      },
       {
         Cell: ({
           row: {

superset/config.py

@@ -1371,6 +1371,8 @@ def SQL_QUERY_MUTATOR(  # pylint: disable=invalid-name,unused-argument
 # Set to False to only allow viewing own recent activity
 ENABLE_BROAD_ACTIVITY_ACCESS = True
 
+DATAHUB_URL = "https://localhost:9002/"
+
 # -------------------------------------------------------------------
 # *                WARNING:  STOP EDITING  HERE                    *
 # -------------------------------------------------------------------

superset/views/base.py

@@ -380,6 +380,7 @@ def common_bootstrap_payload() -> Dict[str, Any]:
         "extra_categorical_color_schemes": conf["EXTRA_CATEGORICAL_COLOR_SCHEMES"],
         "theme_overrides": conf["THEME_OVERRIDES"],
         "menu_data": menu_data(),
+        "datahub_url": conf.get("DATAHUB_URL", ""),
     }
     bootstrap_data.update(conf["COMMON_BOOTSTRAP_OVERRIDES_FUNC"](bootstrap_data))
     return bootstrap_data