From 9ca654e37403d7e766b9d3c63f250169890f5883 Mon Sep 17 00:00:00 2001
From: Leonabcd123 <156839416+Leonabcd123@users.noreply.github.com>
Date: Sun, 9 Aug 2026 11:39:40 +0300
Subject: [PATCH] fix(quote-search): make highlighting work again

---
 .../ts/components/modals/QuoteSearchModal.tsx | 20 ++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/frontend/src/ts/components/modals/QuoteSearchModal.tsx b/frontend/src/ts/components/modals/QuoteSearchModal.tsx
index 5f262217d975..fa0fee84e2f4 100644
--- a/frontend/src/ts/components/modals/QuoteSearchModal.tsx
+++ b/frontend/src/ts/components/modals/QuoteSearchModal.tsx
@@ -129,8 +129,9 @@ function Item(props: {
         class="text-text [&_.highlight]:text-main"
         dir="auto"
         // oxlint-disable-next-line solid/no-innerhtml
-        innerHTML={Misc.escapeHTML(
-          highlightMatches(props.quote.text, props.matchedTerms),
+        innerHTML={highlightMatches(
+          Misc.escapeHTML(props.quote.text),
+          props.matchedTerms,
         )}
       ></div>
       <div class="grid grid-cols-2 gap-2 sm:grid-cols-[1fr_1fr_3fr]">
@@ -139,8 +140,9 @@ function Item(props: {
           <span
             class="[&_.highlight]:text-main"
             // oxlint-disable-next-line solid/no-innerhtml
-            innerHTML={Misc.escapeHTML(
-              highlightMatches(props.quote.id.toString(), props.matchedTerms),
+            innerHTML={highlightMatches(
+              Misc.escapeHTML(props.quote.id.toString()),
+              props.matchedTerms,
             )}
           ></span>
         </div>
@@ -154,8 +156,9 @@ function Item(props: {
             <span
               class="[&_.highlight]:text-main"
               // oxlint-disable-next-line solid/no-innerhtml
-              innerHTML={Misc.escapeHTML(
-                highlightMatches(props.quote.source, props.matchedTerms),
+              innerHTML={highlightMatches(
+                Misc.escapeHTML(props.quote.source),
+                props.matchedTerms,
               )}
             ></span>
           </div>
@@ -291,7 +294,10 @@ export function QuoteSearchModal(): JSXElement {
       ];
     }
 
-    setSearchResults({ quotes: matches, matchedTerms: matchedQueryTerms });
+    setSearchResults({
+      quotes: matches,
+      matchedTerms: matchedQueryTerms.map(Misc.escapeHTML),
+    });
   };
 
   const filteredQuotes = (): Quote[] => {