use singular events in upcoming events

2024-05-23 01:05:37 +02:00
parent c640104183
commit be3f9ca82b
3 changed files with 26 additions and 7 deletions
--- a/web/src/components/events/EventItem.tsx
+++ b/web/src/components/events/EventItem.tsx
@ -16,7 +16,7 @@ export const EventItem = ({
  size,
 }: {
  event: SingularEvent | EventFragment;
-  mode: "list" | "calendar";
+  mode: "list" | "calendar" | "singular";
  size?: "small" | "medium" | "large";
 }) => {
  const nextOccurrence = getClosestOccurrence(event);
@ -55,6 +55,13 @@ export const EventItem = ({
            )}
          </p>
        )}
+        {mode === "singular" &&
+          "occurrence" in event &&
+          event.occurrence?.start && (
+            <p className={styles.details}>
+              {formatDate(event.occurrence?.start, commonDateTimeFormat)}
+            </p>
+          )}
        {mode === "calendar" &&
          "occurrence" in event &&
          event.occurrence?.start && (