Simplify agenda components

This commit is contained in:
shamoon 2023-10-20 00:05:38 -07:00
parent 8960cd9e8c
commit 4182638078

View File

@ -37,21 +37,6 @@ export function Event({ event, colorVariants, showDate = false }) {
); );
} }
export function AgendaDay({ events, colorVariants }) {
return (
<>
{events.map((event, i) => (
<Event
key={`event${event.title}-${event.date}`}
event={event}
colorVariants={colorVariants}
showDate={i === 0}
/>
))}
</>
);
}
export default function Agenda({ service, colorVariants, showDate }) { export default function Agenda({ service, colorVariants, showDate }) {
const { widget } = service; const { widget } = service;
const { events } = useContext(EventContext); const { events } = useContext(EventContext);
@ -99,7 +84,16 @@ export default function Agenda({ service, colorVariants, showDate }) {
<div className="p-2"> <div className="p-2">
<div className={classNames("flex flex-col pt-1 pb-1", !eventsArray.length && !events.length && "animate-pulse")}> <div className={classNames("flex flex-col pt-1 pb-1", !eventsArray.length && !events.length && "animate-pulse")}>
{eventsByDay.map((eventsDay, i) => ( {eventsByDay.map((eventsDay, i) => (
<AgendaDay events={eventsDay} key={days[i]} colorVariants={colorVariants} /> <div key={days[i]}>
{eventsDay.map((event, j) => (
<Event
key={`event${event.title}-${event.date}`}
event={event}
colorVariants={colorVariants}
showDate={j === 0}
/>
))}
</div>
))} ))}
</div> </div>
</div> </div>