hide empty calendars

web/src/components/events/EventContainer.tsx

@@ -285,9 +285,18 @@ const EventCalendar = ({ events }: { events: EventFragment[] }) => {
                 {formatYearMonth(yearMonth)}{" "}
                 <span className={styles.eventCounter}>({eventCount})</span>
               </h2>
-              {Object.keys(eventsByDate[yearMonth]).map((week) => (
-                <CalendarWeek key={week} days={eventsByDate[yearMonth][week]} />
-              ))}
+              {eventCount === 0 && (
+                <div className={styles.calendarWeekEmpty}>
+                  Ingen arrangementer denne måneden.
+                </div>
+              )}
+              {eventCount !== 0 &&
+                Object.keys(eventsByDate[yearMonth]).map((week) => (
+                  <CalendarWeek
+                    key={week}
+                    days={eventsByDate[yearMonth][week]}
+                  />
+                ))}
             </div>
           );
         })}