From 16cd9e61750854e72543020fbf8caeacca6b96e7 Mon Sep 17 00:00:00 2001
From: Manuel Bustillo <bustikiller@bustikiller.com>
Date: Sun, 1 Jun 2025 15:30:30 +0200
Subject: [PATCH] Display number of guests and invitations

---
 app/ui/invitations/board.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/ui/invitations/board.tsx b/app/ui/invitations/board.tsx
index bea860c..9bb95e9 100644
--- a/app/ui/invitations/board.tsx
+++ b/app/ui/invitations/board.tsx
@@ -28,7 +28,7 @@ export default function InvitationsBoard({ guests, invitations }: {
     <div className="flex h-screen">
       {/* Left Column: Guests */}
       <div className="w-1/4 h-full overflow-auto border-r border-gray-300 p-4">
-      <h2 className="text-lg font-semibold mb-4">Guests</h2>
+      <h2 className="text-lg font-semibold mb-4">{guests.length} guests without invitation</h2>
       <ul>
         {availableGuests.map((guest, index) => (
         <li
@@ -44,7 +44,9 @@ export default function InvitationsBoard({ guests, invitations }: {
 
       {/* Right Column: Invitations */}
       <div className="w-3/4 h-full overflow-auto p-4">
-      <h2 className="text-lg font-semibold mb-4">Invitations</h2>
+      <h2 className="text-lg font-semibold mb-4">
+        {invitations.length} invitations
+      </h2>
 
       <button
         onClick={handleCreateInvitation}