From ed827837aa86a892fd7603e6d0dc8187138f58c2 Mon Sep 17 00:00:00 2001
From: Flo2410 <florian@hye.dev>
Date: Mon, 29 Jan 2024 21:08:08 +0000
Subject: [PATCH] Added `opacity-50` to suggested part of the search
 suggestion.

---
 src/components/quicklaunch.jsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/quicklaunch.jsx b/src/components/quicklaunch.jsx
index 451383ed..908d1ee9 100644
--- a/src/components/quicklaunch.jsx
+++ b/src/components/quicklaunch.jsx
@@ -276,7 +276,15 @@ export default function QuickLaunch({
                           </div>
                         )}
                         <div className="flex flex-col md:flex-row text-left items-baseline mr-4 pointer-events-none">
-                          <span className="mr-4">{r.name}</span>
+                          {r.type !== "searchSuggestion" && <span className="mr-4">{r.name}</span>}
+                          {r.type === "searchSuggestion" && (
+                            <>
+                              <span className="whitespace-pre">{searchString}</span>
+                              <span className="mr-4 whitespace-pre opacity-50">
+                                {r.name.substring(searchString.length)}
+                              </span>
+                            </>
+                          )}
                           {r.description && (
                             <span className="text-xs text-theme-600 text-light">
                               {searchDescriptions && r.priority < 2 ? highlightText(r.description) : r.description}