From e0cb1a89eb14821793e8d2ca2481c9a681d38925 Mon Sep 17 00:00:00 2001
From: Jonas Braathen <jonas@ponas.no>
Date: Mon, 12 Aug 2024 01:36:40 +0200
Subject: [PATCH] special handling for "Hele huset"

---
 web/src/components/events/DateList.tsx | 34 ++++++++++++++++----------
 1 file changed, 21 insertions(+), 13 deletions(-)

diff --git a/web/src/components/events/DateList.tsx b/web/src/components/events/DateList.tsx
index a20194a..c181254 100644
--- a/web/src/components/events/DateList.tsx
+++ b/web/src/components/events/DateList.tsx
@@ -14,6 +14,7 @@ import Link from "next/link";
 const DateListItem = ({ occurrence }: { occurrence: EventOccurrence }) => {
   const dateFormat = "EEEE d. MMMM yyyy";
   const timeFormat = "'kl.' HH:mm";
+  const wholeCastle = occurrence.venue?.slug === "hele-huset";
 
   return (
     <li className={styles.date}>
@@ -24,13 +25,18 @@ const DateListItem = ({ occurrence }: { occurrence: EventOccurrence }) => {
         <span className={styles.hour}>
           {formatDate(occurrence.start, timeFormat)}
         </span>{" "}
-        <span className={styles.venue}>
-          {occurrence.venue?.preposition + " " ?? ""}
-          {occurrence.venue?.url && (
-            <Link href={occurrence.venue?.url}>{occurrence.venue?.title}</Link>
-          )}
-          {!occurrence.venue?.url && <>{occurrence.venue?.title}</>}
-        </span>
+        {wholeCastle && <span className={styles.venue}>på Chateau Neuf</span>}
+        {!wholeCastle && (
+          <span className={styles.venue}>
+            {occurrence.venue?.preposition + " " ?? ""}
+            {occurrence.venue?.url && (
+              <Link href={occurrence.venue?.url}>
+                {occurrence.venue?.title}
+              </Link>
+            )}
+            {!occurrence.venue?.url && <>{occurrence.venue?.title}</>}
+          </span>
+        )}
       </div>
     </li>
   );
@@ -52,7 +58,7 @@ export const DateList = ({ event }: { event: EventFragment }) => {
 
   const [showAllDates, setShowAllDates] = useState(false);
   function toggleDates() {
-    setShowAllDates(!showAllDates)
+    setShowAllDates(!showAllDates);
   }
 
   return (
@@ -70,11 +76,13 @@ export const DateList = ({ event }: { event: EventFragment }) => {
           />
         ))}
       </ul>
-      {futureOccurrences.length > 4 && (<div className={styles.showMore}>
-        <button onClick={() => toggleDates()} className="button tertiary">
-          <span>Vis alle kommende datoer ({futureOccurrences.length})</span>
-        </button>
-      </div>)}
+      {futureOccurrences.length > 4 && (
+        <div className={styles.showMore}>
+          <button onClick={() => toggleDates()} className="button tertiary">
+            <span>Vis alle kommende datoer ({futureOccurrences.length})</span>
+          </button>
+        </div>
+      )}
       {/* <div onClick={() => setShowPast(!showPast)}>
         {showPast ? "Skjul" : "Vis"} tidligere
       </div>