From 898b329fc954c7bbb90b3413305c685d93bf90e1 Mon Sep 17 00:00:00 2001
From: bkellam <bshizzle1234@gmail.com>
Date: Sat, 24 Aug 2024 21:34:24 -0700
Subject: [PATCH] Pass in actual code snippet to codeblock

---
 src/app/page.tsx | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ad7e1aff..7f63704f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -165,14 +165,18 @@ const FileMatch = ({
     return (
         <div>
             <div className="bg-cyan-200 primary-foreground px-2">
-                <span className="font-medium">{match.Repo}</span> · {match.FileName}
-            </div>
-            {/* Code block */}
-            <div className="font-mono px-4">
-                <p>{"1: if (my_ptr->asdf) {"}</p>
-                <p>{"2:    doSomething()"}</p>
-                <p>{"3: }"}</p>
+                <span>{match.Repo} · {match.FileName}</span>
             </div>
+            {match.Matches.map((match, index) => {
+                const fragment = match.Fragments[0];
+                
+                return (
+                    <div key={index} className="font-mono px-4 py-0.5 text-sm">
+                        <p>{match.LineNum}: {fragment.Pre}<span className="font-bold">{fragment.Match}</span>{fragment.Post}</p>
+                        <Separator />
+                    </div>
+                );
+            })}
         </div>
     );
 }