1 files changed, 4 insertions, 2 deletions
diff --git a/src/pages/Search.tsx b/src/pages/Search.tsx
index 063da14..54816ff 100644
--- a/src/pages/Search.tsx
+++ b/src/pages/Search.tsx
@@ -2,6 +2,8 @@ import { useEffect, useState, useCallback } from "react"
 
 import { useNavigate } from "react-router-dom"
 import SideBar from "../components/Sidebar/Sidebar"
+import { FSTracerFile } from "../lib/types";
+import FileComponent from "../components/Other/FSTracerFile";
 
 export default function Search(props: any) {
   const navigate = useNavigate()
@@ -58,9 +60,9 @@ export default function Search(props: any) {
           </div>
           <div className="flex flex-col items-center">
             <div className="flex flex-col gap-2">
-              {files.map((file: any) => (
+              {files.map((file: FSTracerFile) => (
                 <div key={file.id} role="button" onClick={() => console.log("clocked file")}>
-                  <p className="underline">file: {file.absolute_path}</p>
+                  <FileComponent file={file} />
                 </div>
               ))
               }