Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2024-12-22 19:07:54 +01:00
Code Issues Projects Releases Wiki Activity

fix: remove dangerouslySetInnerHTML (#4181)

Browse Source
This commit is contained in:
Jaanus Sellin 2023-07-07 13:54:21 +03:00 committed by GitHub
parent f995a0ed6c
commit 5388eaf48c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/src/component/common/Highlighter/Highlighter.tsx
View File

@ -1,4 +1,4 @@
import { VFC } from 'react';
import { Fragment, VFC } from 'react';
import { safeRegExp } from '@server/util/escape-regex';
import { styled } from '@mui/material';
@ -29,11 +29,18 @@ export const Highlighter: VFC<IHighlighterProps> = ({
const regex = safeRegExp(search, caseSensitive ? 'g' : 'gi');
return (
<StyledSpan
dangerouslySetInnerHTML={{
__html: children?.replaceAll(regex, '<mark>$&</mark>') || '',
}}
/>
const parts = children.split(regex);
const highlightedText = parts.map((part, index) =>
index < parts.length - 1 ? (
<Fragment key={index}>
{part}
<mark>{search}</mark>
</Fragment>
) : (
part
)
);
return <StyledSpan>{highlightedText}</StyledSpan>;
};