Merge pull request #172 from PROCEED-Labs/ms2/fuzy-search

Sort matches before highlighting text
PROCEED-Labs · Nov 24, 2023 · 3d00692 · 3d00692
2 parents a615382 + 80c8990
commit 3d00692
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/management-system-v2/lib/useFuzySearch.tsx b/src/management-system-v2/lib/useFuzySearch.tsx
@@ -20,7 +20,9 @@ function highlightText<TObj>(
 
   const result: JSX.Element[] = [];
   let lastIndex = 0;
-  for (const [start, end] of matches.indices) {
+  const sortedMatches = matches.indices.toSorted((a, b) => a[0] - b[0]);
+
+  for (const [start, end] of sortedMatches) {
     if (lastIndex < start)
       result.push(<span key={lastIndex}>{value.slice(lastIndex, start)}</span>);