diff --git a/web/src/components/events/EventContainer.tsx b/web/src/components/events/EventContainer.tsx
index e052ce3..8325297 100644
--- a/web/src/components/events/EventContainer.tsx
+++ b/web/src/components/events/EventContainer.tsx
@@ -285,9 +285,18 @@ const EventCalendar = ({ events }: { events: EventFragment[] }) => {
{formatYearMonth(yearMonth)}{" "}
({eventCount})
- {Object.keys(eventsByDate[yearMonth]).map((week) => (
-
- ))}
+ {eventCount === 0 && (
+
+ Ingen arrangementer denne måneden.
+
+ )}
+ {eventCount !== 0 &&
+ Object.keys(eventsByDate[yearMonth]).map((week) => (
+
+ ))}
);
})}
diff --git a/web/src/components/events/eventContainer.module.scss b/web/src/components/events/eventContainer.module.scss
index ae3320c..cd8573a 100644
--- a/web/src/components/events/eventContainer.module.scss
+++ b/web/src/components/events/eventContainer.module.scss
@@ -75,7 +75,8 @@
}
&[data-collapsed=true] {
- > .calendarWeek {
+ > .calendarWeek,
+ > .calendarWeekEmpty {
display: none;
}
h2:before {
@@ -116,6 +117,8 @@
}
}
+.calendarWeekEmpty {}
+
.calendarDay {
min-height: 11rem;
padding: .4rem;