From 8c6b19a96e27cef1431761a2865e60630b5b40a2 Mon Sep 17 00:00:00 2001
From: Manuel Bustillo <bustikiller@bustikiller.com>
Date: Sun, 11 Aug 2024 13:14:16 +0200
Subject: [PATCH] Add stripped rows to the table

---
 app/ui/guests/table.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/app/ui/guests/table.tsx b/app/ui/guests/table.tsx
index 2b57e4e..7a31193 100644
--- a/app/ui/guests/table.tsx
+++ b/app/ui/guests/table.tsx
@@ -16,6 +16,16 @@ export default async function guestsTable() {
       name: 'Jane Doe',
       email: 'jane@bar.com',
     },
+    {
+      id: '3',
+      name: 'John Doe',
+      email: 'foo@bar.com'
+    },
+    {
+      id: '4',
+      name: 'Jane Doe',
+      email: 'jane@bar.com',
+    },
   ];
 
   return (
@@ -36,7 +46,7 @@ export default async function guestsTable() {
         </thead>
         <tbody>
           {guests.map((guest) => (
-            <tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700">
+            <tr className="bg-white border-b odd:bg-white odd:dark:bg-gray-900 even:bg-gray-50 even:dark:bg-gray-800">
               <th scope="row" className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
                 {guest.name}
               </th>