From 660140c2801362bab0547586ad99366d42ab063b Mon Sep 17 00:00:00 2001
From: Jonas Braathen <jonas@ponas.no>
Date: Sat, 10 Aug 2024 15:10:07 +0200
Subject: [PATCH] hide empty calendars

---
 web/src/components/events/EventContainer.tsx      | 15 ++++++++++++---
 .../components/events/eventContainer.module.scss  |  5 ++++-
 2 files changed, 16 insertions(+), 4 deletions(-)

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)}{" "}
                 <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>
           );
         })}
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;