From 5d537c80aa4fcea86153be84474299a61b206452 Mon Sep 17 00:00:00 2001
From: Manuel Bustillo <bustikiller@bustikiller.com>
Date: Sun, 3 Nov 2024 14:42:06 +0100
Subject: [PATCH] Display the dish with the color of the group

---
 app/lib/definitions.ts      | 1 +
 app/ui/components/table.tsx | 5 ++++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/lib/definitions.ts b/app/lib/definitions.ts
index 4a4c652..fb05a59 100644
--- a/app/lib/definitions.ts
+++ b/app/lib/definitions.ts
@@ -22,6 +22,7 @@ export type Guest = {
   id: string;
   name: string;
   group_name?: string;
+  color?: string;
   status?: 'Considered' | 'Invited' | 'Confirmed' | 'Declined' | 'Tentative';
 }
 
diff --git a/app/ui/components/table.tsx b/app/ui/components/table.tsx
index 55a9c64..9c1098d 100644
--- a/app/ui/components/table.tsx
+++ b/app/ui/components/table.tsx
@@ -5,7 +5,10 @@ import { Guest } from "@/app/lib/definitions";
 function Dish({ guest, rotation }: { guest: Guest, rotation?: number }) {
     rotation = rotation || 0
     return (
-        <div className={`m-3 w-24 h-24 rounded-full bg-cyan-100 content-center text-center cursor-default`} style={{ rotate: `${360 - rotation}deg` }}>
+        <div className={`m-3 w-24 h-24 rounded-full content-center text-center cursor-default`} style={{
+            rotate: `${360 - rotation}deg`,
+            backgroundColor: guest.color,
+        }}>
             {guest.name}
         </div>
     )