yujunjun/datahub
2
0
Fork 0
mirror of https://github.com/datahub-project/datahub.git synced 2025-12-10 17:46:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui) Sanitize V1 UI sidebar description section (#13203)

Browse Source
This commit is contained in:
Chris Collins 2025-04-14 13:34:15 -04:00 committed by GitHub
parent 319b849532
commit 3fd0e37111
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
datahub-web-react/src/app/entity/shared/containers/profile/sidebar/AboutSection/DescriptionSection.tsx
View File

@ -2,6 +2,7 @@ import { Typography } from 'antd';
import React, { useState } from 'react';
import styled from 'styled-components/macro';
import { useHistory } from 'react-router';
import DOMPurify from 'dompurify';
import CompactContext from '../../../../../../shared/CompactContext';
import MarkdownViewer, { MarkdownView } from '../../../../components/legacy/MarkdownViewer';
import NoMarkdownViewer, { removeMarkdown } from '../../../../components/styled/StripMarkdownText';
@ -68,12 +69,15 @@ export default function DescriptionSection({ description, baDescription, isExpan
}
}
const sanitizedDescription = DOMPurify.sanitize(description);
const sanitizedBADescription = DOMPurify.sanitize(baDescription || '');
return (
<>
<ContentWrapper>
{isExpanded && (
<>
<MarkdownViewer source={description} ignoreLimit />
<MarkdownViewer source={sanitizedDescription} ignoreLimit />
{isOverLimit && (
<Typography.Link onClick={() => setIsExpanded(false)}>Read Less</Typography.Link>
)}
@ -89,14 +93,14 @@ export default function DescriptionSection({ description, baDescription, isExpan
}
shouldWrap
>
{description}
{sanitizedDescription}
</NoMarkdownViewer>
)}
</ContentWrapper>
<BaContentWrapper>
{isBaExpanded && (
<>
<MarkdownViewer source={baDescription || ''} ignoreLimit />
<MarkdownViewer source={sanitizedBADescription || ''} ignoreLimit />
{isBaOverLimit && (
<Typography.Link onClick={() => setIsBaExpanded(false)}>Read Less</Typography.Link>
)}
@ -112,7 +116,7 @@ export default function DescriptionSection({ description, baDescription, isExpan
}
shouldWrap
>
{baDescription}
{sanitizedBADescription}
</NoMarkdownViewer>
)}
</BaContentWrapper>