From 4182638078cbd1324afbb5cbfbc3f361f9d10b81 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Fri, 20 Oct 2023 00:05:38 -0700
Subject: [PATCH] Simplify agenda components

---
 src/widgets/calendar/agenda.jsx | 26 ++++++++++----------------
 1 file changed, 10 insertions(+), 16 deletions(-)

diff --git a/src/widgets/calendar/agenda.jsx b/src/widgets/calendar/agenda.jsx
index 5057ac48..8dba4201 100644
--- a/src/widgets/calendar/agenda.jsx
+++ b/src/widgets/calendar/agenda.jsx
@@ -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 }) {
   const { widget } = service;
   const { events } = useContext(EventContext);
@@ -99,7 +84,16 @@ export default function Agenda({ service, colorVariants, showDate }) {
     <div className="p-2">
       <div className={classNames("flex flex-col pt-1 pb-1", !eventsArray.length && !events.length && "animate-pulse")}>
         {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>