From 70bdd01d9d9a5f112e00fd45360ac07ba1d1c1bb Mon Sep 17 00:00:00 2001
From: Jayden Pyles <jpylesbusiness@gmail.com>
Date: Sat, 6 Jul 2024 14:09:05 -0500
Subject: [PATCH] wip: add results table

---
 src/pages/index.tsx | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 60dc6f6..6660091 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -10,7 +10,6 @@ import {
   TableHead,
   TableRow,
   Container,
-  IconButton,
   Box,
 } from "@mui/material";
 import AddIcon from "@mui/icons-material/Add";
@@ -121,6 +120,30 @@ const Home = () => {
             ))}
           </TableBody>
         </Table>
+        {results && (
+          <Table style={{ marginTop: "20px" }}>
+            <TableHead>
+              <TableRow>
+                <TableCell>Name</TableCell>
+                <TableCell>XPath</TableCell>
+                <TableCell>Text</TableCell>
+              </TableRow>
+            </TableHead>
+            <TableBody>
+              {Object.keys(results).map((key, index) => (
+                <React.Fragment key={index}>
+                  {results[key].map((result, resultIndex) => (
+                    <TableRow key={resultIndex}>
+                      <TableCell>{result.name}</TableCell>
+                      <TableCell>{result.xpath}</TableCell>
+                      <TableCell>{result.text}</TableCell>
+                    </TableRow>
+                  ))}
+                </React.Fragment>
+              ))}
+            </TableBody>
+          </Table>
+        )}
       </Container>
     </>
   );