diff --git a/client/src/components/Calendar.tsx b/client/src/components/Calendar.tsx index ba02cd9..5623039 100644 --- a/client/src/components/Calendar.tsx +++ b/client/src/components/Calendar.tsx @@ -59,6 +59,7 @@ type Props = { editingSlots: EditingSlot[]; viewingSlots: ViewingSlot[]; guestIdToName: Record; + guestIdToComment: Record; participationOptions: ParticipationOption[]; currentParticipationOptionId: string; editMode: boolean; @@ -96,6 +97,7 @@ export const Calendar = ({ editingSlots, viewingSlots, guestIdToName, + guestIdToComment, participationOptions, currentParticipationOptionId, editMode, @@ -172,7 +174,10 @@ export const Calendar = ({ .filter((option) => optionGroups.has(option.id)) .map((option) => { const guestIds = optionGroups.get(option.id) || []; - const guestNames = guestIds.map((guestId) => guestIdToName[guestId] || guestId); + const guestNames = guestIds.map((guestId) => { + const name = guestIdToName[guestId] || guestId; + return guestIdToComment[guestId] ? `${name} 💬` : name; + }); const optionOpacity = 1 - (1 - OPACITY) ** guestIds.length; return { @@ -228,7 +233,7 @@ export const Calendar = ({ }); setEvents([...editingEvents, ...viewingEvents]); - }, [editingSlots, viewingSlots, guestIdToName, participationOptions]); + }, [editingSlots, viewingSlots, guestIdToName, guestIdToComment, participationOptions]); // viewing events ăźèƒŒæ™Żă‚čă‚żă‚€ăƒ«ă‚’ć‹•çš„ă«æłšć…„ useEffect(() => { diff --git a/client/src/pages/Project.tsx b/client/src/pages/Project.tsx index bbcc6b2..4f5ad98 100644 --- a/client/src/pages/Project.tsx +++ b/client/src/pages/Project.tsx @@ -320,6 +320,7 @@ export default function ProjectPage() { trigger("name")} @@ -333,6 +334,7 @@ export default function ProjectPage() {