From a4edcbca079321b6f8fe295f6b467e2fc64fa9ef Mon Sep 17 00:00:00 2001
From: Manuel Bustillo <bustikiller@bustikiller.com>
Date: Sun, 27 Oct 2024 11:05:56 +0100
Subject: [PATCH] Create a button to invite guests

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

diff --git a/app/ui/guests/table.tsx b/app/ui/guests/table.tsx
index 0f31a0c..0b9a9ae 100644
--- a/app/ui/guests/table.tsx
+++ b/app/ui/guests/table.tsx
@@ -6,7 +6,7 @@ import { Suspense } from 'react';
 import clsx from 'clsx';
 
 export function TableHeader() {
-  
+
 }
 
 export default async function guestsTable() {
@@ -50,6 +50,7 @@ export default async function guestsTable() {
             <th scope="col" className="px-6 py-3">
               Status
             </th>
+            <th>Actions</th>
           </tr>
         </thead>
         <tbody>
@@ -79,6 +80,11 @@ export default async function guestsTable() {
                   {guest.status}
                 </span>
               </td>
+              <td>
+                {guest.status === 'Considered' && (<button className="bg-blue-300 hover:bg-blue-500 text-white py-1 px-2 rounded">
+                  Invite
+                </button>)}
+              </td>
             </tr>
           ))}
         </tbody>