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 }) { export function SearchTitle ({ title }) {
return reactStringReplace(title, /\*\*\*([^*]+)\*\*\*/g, (match, i) => { 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}> <div className={styles.text}>
<p className={styles.p}> <p className={styles.p}>
{reactStringReplace(text, /\*\*\*([^*]+)\*\*\*/g, (match, i) => { {reactStringReplace(text, /\*\*\*([^*]+)\*\*\*/g, (match, i) => {
return <mark key={`strong-${match}`}>{match}</mark> return <mark key={`strong-${match}-${i}`}>{match}</mark>
})} })}
</p> </p>
</div> </div>