fix: handle special characters

uclaacm · Oct 27, 2024 · b215dce · b215dce
1 parent bbc6098
commit b215dce
Showing 1 changed file with 18 additions and 8 deletions.
diff --git a/components/ProjectCard.tsx b/components/ProjectCard.tsx
@@ -49,16 +49,26 @@ interface ProjectCardBodyProps {
   searchQuery?: string;
 }
 
+const escapeSpecialCharacters = (string: string) => {
+  return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+};
+
 const highlightText = (text: string, query: string) => {
   if (!query) return text;
-  const parts = text.split(new RegExp(`(${query})`, 'gi'));
-  return parts.map((part, index) =>
-    part.toLowerCase() === query.toLowerCase() ? (
-      <mark key={index}>{part}</mark>
-    ) : (
-      part
-    ),
-  );
+
+  try {
+    const escapedQuery = escapeSpecialCharacters(query);
+    const parts = text.split(new RegExp(`(${escapedQuery})`, 'gi'));
+    return parts.map((part, index) =>
+      part.toLowerCase() === query.toLowerCase() ? (
+        <mark key={index}>{part}</mark>
+      ) : (
+        part
+      ),
+    );
+  } catch (e) {
+    return text;
+  }
 };
 
 function ProjectCardBody({