ekzyis/stacker.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix duplicate key issue when rendering search highlights

Browse Source
This commit is contained in:
keyan 2023-10-15 16:13:54 -05:00
parent 0daff7a01f
commit a19b392787
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/item.js
View File

@ -20,7 +20,7 @@ import AdIcon from '../svgs/advertisement-fill.svg'
export function SearchTitle ({ title }) {
return reactStringReplace(title, /\*\*\*([^*]+)\*\*\*/g, (match, i) => {
return <mark key={`strong-${match}`}>{match}</mark>
return <mark key={`strong-${match}-${i}`}>{match}</mark>
})
}

2
components/text.js
View File

@ -20,7 +20,7 @@ export function SearchText ({ text }) {
<div className={styles.text}>
<p className={styles.p}>
{reactStringReplace(text, /\*\*\*([^*]+)\*\*\*/g, (match, i) => {
return <mark key={`strong-${match}`}>{match}</mark>
return <mark key={`strong-${match}-${i}`}>{match}</mark>
})}
</p>
</div>