organize events by day in UpcomingEvents

web/src/components/events/EventItem.tsx

@@ -18,7 +18,7 @@ export const EventItem = ({
   size,
 }: {
   event: SingularEvent | EventFragment;
-  mode: "list" | "calendar" | "singular";
+  mode: "list" | "calendar" | "singular-time-only";
   size?: "small" | "medium" | "large";
 }) => {
   const futureOccurrences = getFutureOccurrences(event);
@@ -58,14 +58,7 @@ export const EventItem = ({
             )}
           </div>
         )}
-        {mode === "singular" &&
-          "occurrence" in event &&
-          event.occurrence?.start && (
-            <p className={styles.dates}>
-              {formatExtendedDateTime(event.occurrence.start)}
-            </p>
-          )}
-        {mode === "calendar" &&
+        {(mode === "calendar" || mode === "singular-time-only") &&
           "occurrence" in event &&
           event.occurrence?.start && (
             <p className={styles.dates}>