feat(ui): Adding External URLs to search preview for Dataset, Container, DataFlow, DataJob (#6496)

datahub-web-react/src/Mocks.tsx

@@ -167,6 +167,7 @@ export const dataset1 = {
                 value: 'My other property value.',
             },
         ],
+        externalUrl: null,
     },
     editableProperties: null,
     created: {
@@ -258,6 +259,7 @@ export const dataset2 = {
         description: 'This is some other dataset, so who cares!',
         customProperties: [],
         origin: 'PROD',
+        externalUrl: null,
     },
     editableProperties: null,
     created: {
@@ -811,6 +813,7 @@ export const container1 = {
     lastIngested: null,
     properties: {
         name: 'database1',
+        externalUrl: null,
         __typename: 'ContainerProperties',
     },
     __typename: 'Container',
@@ -823,6 +826,7 @@ export const container2 = {
     lastIngested: null,
     properties: {
         name: 'schema1',
+        externalUrl: null,
         __typename: 'ContainerProperties',
     },
     __typename: 'Container',

datahub-web-react/src/app/entity/container/ContainerEntity.tsx

@@ -121,6 +121,7 @@ export class ContainerEntity implements Entity<Container> {
                 entityCount={data.entities?.total}
                 domain={data.domain?.domain}
                 tags={data.tags}
+                externalUrl={data.properties?.externalUrl}
             />
         );
     };

datahub-web-react/src/app/entity/dataFlow/DataFlowEntity.tsx

@@ -122,6 +122,7 @@ export class DataFlowEntity implements Entity<DataFlow> {
                 owners={data.ownership?.owners}
                 globalTags={data.globalTags}
                 domain={data.domain?.domain}
+                externalUrl={data.properties?.externalUrl}
             />
         );
     };

datahub-web-react/src/app/entity/dataJob/DataJobEntity.tsx

@@ -148,6 +148,7 @@ export class DataJobEntity implements Entity<DataJob> {
                 owners={data.ownership?.owners}
                 globalTags={data.globalTags || null}
                 domain={data.domain?.domain}
+                externalUrl={data.properties?.externalUrl}
             />
         );
     };

datahub-web-react/src/graphql/search.graphql

@@ -215,6 +215,7 @@ fragment searchResultFields on Entity {
                 key
                 value
             }
+            externalUrl
         }
         ownership {
             ...ownershipFields
@@ -251,6 +252,7 @@ fragment searchResultFields on Entity {
                         name
                         description
                         qualifiedName
+                        externalUrl
                     }
                 }
             }
@@ -451,6 +453,7 @@ fragment searchResultFields on Entity {
             name
             description
             project
+            externalUrl
         }
         ownership {
             ...ownershipFields
@@ -491,6 +494,7 @@ fragment searchResultFields on Entity {
         properties {
             name
             description
+            externalUrl
         }
         globalTags {
             ...globalTagsFields
@@ -568,6 +572,7 @@ fragment searchResultFields on Entity {
         properties {
             name
             description
+            externalUrl
         }
         platform {
             ...platformFields