bustikiller/wedding-planner-frontend
1
0
Fork 0
Code Issues 1 Pull Requests 8 Actions Packages Projects Releases Wiki Activity

Display the dish with the color of the group #86

Merged
bustikiller merged 1 commits from color-dishes into main 2024-11-04 08:04:45 +00:00
Conversation 0 Commits 1 Files Changed 2 +5 -1
2 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/lib/definitions.ts
View File

@ -22,6 +22,7 @@ export type Guest = {
id: string;
name: string;
group_name?: string;
color?: string;
status?: 'Considered' | 'Invited' | 'Confirmed' | 'Declined' | 'Tentative';
}

5
app/ui/components/table.tsx
View File

@ -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>
)