yujunjun/datahub
2
0
Fork 0
mirror of https://github.com/datahub-project/datahub.git synced 2025-08-31 21:03:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(react): surface edited descriptions on search preview for dataset, datajob, dataflow, chart, dashboard (#2932)

Browse Source
This commit is contained in:
Brian 2021-07-23 04:20:40 +08:00 committed by GitHub
parent 3e328d9511
commit dd43e6b258
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 32 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
datahub-web-react/src/app/entity/chart/ChartEntity.tsx
View File

@ -59,7 +59,7 @@ export class ChartEntity implements Entity<Chart> {
urn={data.urn} urn={data.urn}
platform={data.tool} platform={data.tool}
name={data.info?.name} name={data.info?.name}
description={data.info?.description} description={data.editableProperties?.description || data.info?.description}
access={data.info?.access} access={data.info?.access}
owners={data.ownership?.owners} owners={data.ownership?.owners}
tags={data?.globalTags || undefined} tags={data?.globalTags || undefined}

2
datahub-web-react/src/app/entity/dashboard/DashboardEntity.tsx
View File

@ -70,7 +70,7 @@ export class DashboardEntity implements Entity<Dashboard> {
urn={data.urn} urn={data.urn}
platform={data.tool} platform={data.tool}
name={data.info?.name} name={data.info?.name}
description={data.info?.description} description={data.editableProperties?.description || data.info?.description}
access={data.info?.access} access={data.info?.access}
tags={data.globalTags || undefined} tags={data.globalTags || undefined}
owners={data.ownership?.owners} owners={data.ownership?.owners}

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

@ -51,7 +51,7 @@ export class DataFlowEntity implements Entity<DataFlow> {
<Preview <Preview
urn={data.urn} urn={data.urn}
name={data.info?.name || ''} name={data.info?.name || ''}
description={data.info?.description} description={data.editableProperties?.description || data.info?.description}
platformName={platformName} platformName={platformName}
platformLogo={getLogoFromPlatform(data.orchestrator)} platformLogo={getLogoFromPlatform(data.orchestrator)}
owners={data.ownership?.owners} owners={data.ownership?.owners}
@ -67,7 +67,7 @@ export class DataFlowEntity implements Entity<DataFlow> {
<Preview <Preview
urn={data.urn} urn={data.urn}
name={data.info?.name || ''} name={data.info?.name || ''}
description={data.info?.description || ''} description={data.editableProperties?.description || data.info?.description || ''}
platformName={platformName} platformName={platformName}
platformLogo={getLogoFromPlatform(data.orchestrator)} platformLogo={getLogoFromPlatform(data.orchestrator)}
owners={data.ownership?.owners} owners={data.ownership?.owners}

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

@ -55,7 +55,7 @@ export class DataJobEntity implements Entity<DataJob> {
<Preview <Preview
urn={data.urn} urn={data.urn}
name={data.info?.name || ''} name={data.info?.name || ''}
description={data.info?.description} description={data.editableProperties?.description || data.info?.description}
platformName={platformName} platformName={platformName}
platformLogo={getLogoFromPlatform(data.dataFlow?.orchestrator || '')} platformLogo={getLogoFromPlatform(data.dataFlow?.orchestrator || '')}
owners={data.ownership?.owners} owners={data.ownership?.owners}
@ -73,7 +73,7 @@ export class DataJobEntity implements Entity<DataJob> {
<Preview <Preview
urn={data.urn} urn={data.urn}
name={data.info?.name || ''} name={data.info?.name || ''}
description={data.info?.description} description={data.editableProperties?.description || data.info?.description}
platformName={platformName} platformName={platformName}
platformLogo={getLogoFromPlatform(data.dataFlow?.orchestrator || '')} platformLogo={getLogoFromPlatform(data.dataFlow?.orchestrator || '')}
owners={data.ownership?.owners} owners={data.ownership?.owners}

4
datahub-web-react/src/app/entity/dataset/DatasetEntity.tsx
View File

@ -68,7 +68,7 @@ export class DatasetEntity implements Entity<Dataset> {
urn={data.urn} urn={data.urn}
name={data.name} name={data.name}
origin={data.origin} origin={data.origin}
description={data.description} description={data.editableProperties?.description || data.description}
platformName={data.platform.name} platformName={data.platform.name}
platformLogo={data.platform.info?.logoUrl} platformLogo={data.platform.info?.logoUrl}
owners={data.ownership?.owners} owners={data.ownership?.owners}
@ -85,7 +85,7 @@ export class DatasetEntity implements Entity<Dataset> {
urn={data.urn} urn={data.urn}
name={data.name} name={data.name}
origin={data.origin} origin={data.origin}
description={data.description} description={data.editableProperties?.description || data.description}
platformName={data.platform.name} platformName={data.platform.name}
platformLogo={data.platform.info?.logoUrl} platformLogo={data.platform.info?.logoUrl}
owners={data.ownership?.owners} owners={data.ownership?.owners}

10
datahub-web-react/src/app/preview/DefaultPreviewCard.tsx
View File

@ -6,6 +6,7 @@ import { GlobalTags, Owner, GlossaryTerms } from '../../types.generated';
import { useEntityRegistry } from '../useEntityRegistry'; import { useEntityRegistry } from '../useEntityRegistry';
import AvatarsGroup from '../shared/avatar/AvatarsGroup'; import AvatarsGroup from '../shared/avatar/AvatarsGroup';
import TagTermGroup from '../shared/tags/TagTermGroup'; import TagTermGroup from '../shared/tags/TagTermGroup';
import MarkdownViewer from '../entity/shared/MarkdownViewer';
interface Props { interface Props {
name: string; name: string;
@ -30,6 +31,13 @@ const DescriptionParagraph = styled(Typography.Paragraph)`
} }
`; `;
const DescriptionMarkdownViewer = styled(MarkdownViewer)`
&&& {
margin-bottom: 0px;
padding-left: 8px;
}
`;
const PreviewImage = styled(Image)` const PreviewImage = styled(Image)`
max-height: 48px; max-height: 48px;
width: auto; width: auto;
@ -88,7 +96,7 @@ export default function DefaultPreviewCard({
{description.length === 0 ? ( {description.length === 0 ? (
<DescriptionParagraph type="secondary">No description</DescriptionParagraph> <DescriptionParagraph type="secondary">No description</DescriptionParagraph>
) : ( ) : (
<DescriptionParagraph>{description}</DescriptionParagraph> <DescriptionMarkdownViewer source={description} />
)} )}
{snippet} {snippet}
</div> </div>

15
datahub-web-react/src/graphql/search.graphql
View File

@ -35,6 +35,9 @@ query getSearchResults($input: SearchInput!) {
logoUrl logoUrl
} }
} }
editableProperties {
description
}
platformNativeType platformNativeType
tags tags
properties { properties {
@ -85,6 +88,9 @@ query getSearchResults($input: SearchInput!) {
globalTags { globalTags {
...globalTagsFields ...globalTagsFields
} }
editableProperties {
description
}
} }
... on Chart { ... on Chart {
urn urn
@ -107,6 +113,9 @@ query getSearchResults($input: SearchInput!) {
globalTags { globalTags {
...globalTagsFields ...globalTagsFields
} }
editableProperties {
description
}
} }
... on DataFlow { ... on DataFlow {
urn urn
@ -125,6 +134,9 @@ query getSearchResults($input: SearchInput!) {
globalTags { globalTags {
...globalTagsFields ...globalTagsFields
} }
editableProperties {
description
}
} }
... on DataJob { ... on DataJob {
urn urn
@ -151,6 +163,9 @@ query getSearchResults($input: SearchInput!) {
globalTags { globalTags {
...globalTagsFields ...globalTagsFields
} }
editableProperties {
description
}
} }
... on GlossaryTerm { ... on GlossaryTerm {
name name