add a checkbox for free events

web/src/components/events/EventHeader.tsx

@@ -4,6 +4,17 @@ import Image from "@/components/general/Image";
 import { Pig } from "../general/Pig";
 import Link from "next/link";
 
+function formatPrice(price: number): string {
+  if (price === null) {
+    // should not happen
+    return "?";
+  }
+  if (price === 0) {
+    return "Gratis";
+  }
+  return `${price} kr`;
+}
+
 export const EventHeader = ({ event }: { event: EventFragment }) => {
   const featuredImage: any = event.featuredImage;
 
@@ -19,29 +30,27 @@ export const EventHeader = ({ event }: { event: EventFragment }) => {
           <div className={styles.prices}>
             {/*<h2>Pris</h2>*/}
             <ul className={styles.priceList}>
-              {!event.priceRegular &&
-                !event.priceStudent &&
-                !event.priceMember && (
-                  <li className={styles.priceItem}>
-                    <span>Gratis</span>
-                  </li>
-                )}
-              {event.priceRegular && (
+              {event.free && (
+                <li className={styles.priceItem}>
+                  <span>Gratis</span>
+                </li>
+              )}
+              {typeof event.priceRegular === "number" && (
                 <li className={styles.priceItem}>
                   <span className={styles.priceLabel}>Ordinær:</span>{" "}
-                  {event.priceRegular} kr
+                  {formatPrice(event.priceRegular)}
                 </li>
               )}
-              {event.priceStudent && (
+              {typeof event.priceStudent === "number" && (
                 <li className={styles.priceItem}>
                   <span className={styles.priceLabel}>Student:</span>{" "}
-                  {event.priceStudent} kr
+                  {formatPrice(event.priceStudent)}
                 </li>
               )}
-              {event.priceMember && (
+              {typeof event.priceMember === "number" && (
                 <li className={styles.priceItem}>
                   <span className={styles.priceLabel}>Medlem:</span>{" "}
-                  {event.priceMember} kr
+                  {formatPrice(event.priceMember)}
                 </li>
               )}
             </ul>