bustikiller/wedding-planner-frontend
1
0
Fork 0
Code Issues 1 Pull Requests 13 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
Showing only changes of commit 5d537c80aa - Show all commits

1
app/lib/definitions.ts
View File

@ -22,6 +22,7 @@ export type Guest = {
id: string; id: string;
name: string; name: string;
group_name?: string; group_name?: string;
color?: string;
status?: 'Considered' | 'Invited' | 'Confirmed' | 'Declined' | 'Tentative'; 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 }) { function Dish({ guest, rotation }: { guest: Guest, rotation?: number }) {
rotation = rotation || 0 rotation = rotation || 0
return ( 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} {guest.name}
</div> </div>
) )