add wip event occurrences

web/src/components/events/EventItem.tsx

@@ -1,9 +1,9 @@
-import { EventFragment } from "@/gql/graphql";
+import { SingularEvent } from "@/app/arrangementer/page";
 import styles from "./eventItem.module.scss";
 import Link from "next/link";
 import Image from "../general/Image";
 
-export const EventItem = ({ event }: { event: EventFragment }) => {
+export const EventItem = ({ event }: { event: SingularEvent }) => {
   return (
     <li className={`${styles.eventItem} linkItem`}>
       <div className={styles.image}>
@@ -14,13 +14,12 @@ export const EventItem = ({ event }: { event: EventFragment }) => {
             width={0}
             height={0}
             sizes="20vw"
-            // style={{ width: '100%', height: 'auto' }} // optional
           />
         )}
       </div>
       <div className={styles.text}>
         <h1 className={styles.title}>{event.title}</h1>
-        <p className={styles.details}>Detaljer og tidspunkt</p>
+        {event.occurrence && <p className={styles.details}>{event.occurrence.start}</p>}
       </div>
       <Link href={`/arrangementer/${event.slug}`} className="hiddenLink">
         Mer om arrangementet {event.title}

web/src/components/events/EventList.tsx

@@ -1,9 +1,9 @@
-import { EventFragment } from "@/gql/graphql";
+import { SingularEvent } from "@/app/arrangementer/page";
 import { EventItem } from "./EventItem";
 import styles from "./eventList.module.scss";
 import { EventFilter } from "./EventFilter";
 
-export const EventList = ({ events }: { events: EventFragment[] }) => {
+export const EventList = ({ events }: { events: SingularEvent[] }) => {
   return (
     <div className={styles.events}>
       <EventFilter />