From fce49082c167ffed086100abb5e9dff67bb85435 Mon Sep 17 00:00:00 2001
From: Julius Volz <julius.volz@gmail.com>
Date: Tue, 20 May 2025 22:29:15 +0200
Subject: [PATCH] Make Pagefind result ID debug output prettier

Signed-off-by: Julius Volz <julius.volz@gmail.com>
---
 src/components/SpotlightSearch.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/SpotlightSearch.tsx b/src/components/SpotlightSearch.tsx
index d9e6cb48..b989a3f1 100644
--- a/src/components/SpotlightSearch.tsx
+++ b/src/components/SpotlightSearch.tsx
@@ -48,6 +48,9 @@ const SearchResult = ({
 
   return (
     <Spotlight.ActionsGroup label={data.meta.title}>
+      <Text c="red" fz="xs" px="md" pt="xs">
+        Pagefind result ID: {result.id}
+      </Text>
       <Space h="xs" />
       {data.sub_results.slice(0, 4).map((subResult, subIdx) => (
         <Spotlight.Action
@@ -193,7 +196,7 @@ export default function SpotlightSearch() {
         {results.length > 0 ? (
           results.map((result, idx) => (
             <React.Fragment key={result.id}>
-              |{result.id}|{idx > 0 && <Divider my="xs" />}
+              {idx > 0 && <Divider my="xs" />}
               <SearchResult query={searchInput} result={result} />
             </React.Fragment>
           ))