fix more type things
This commit is contained in:
@ -20,6 +20,7 @@ export const EventItem = ({
|
|||||||
size?: "small" | "medium" | "large";
|
size?: "small" | "medium" | "large";
|
||||||
}) => {
|
}) => {
|
||||||
const nextOccurrence = getClosestOccurrence(event);
|
const nextOccurrence = getClosestOccurrence(event);
|
||||||
|
const numOccurrences = event?.occurrences?.length ?? 0;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<li
|
<li
|
||||||
@ -42,9 +43,10 @@ export const EventItem = ({
|
|||||||
<h1 className={styles.title}>{event.title}</h1>
|
<h1 className={styles.title}>{event.title}</h1>
|
||||||
{mode === "list" && nextOccurrence && (
|
{mode === "list" && nextOccurrence && (
|
||||||
<p className={styles.details}>
|
<p className={styles.details}>
|
||||||
{event.occurrences.length === 1 &&
|
{numOccurrences === 1 &&
|
||||||
|
nextOccurrence?.start &&
|
||||||
formatDate(nextOccurrence.start, commonDateFormat)}
|
formatDate(nextOccurrence.start, commonDateFormat)}
|
||||||
{event.occurrences.length > 1 && nextOccurrence && (
|
{numOccurrences > 1 && nextOccurrence?.start && (
|
||||||
<span>
|
<span>
|
||||||
<em>Neste:</em>{" "}
|
<em>Neste:</em>{" "}
|
||||||
{formatDate(nextOccurrence.start, commonDateFormat)}
|
{formatDate(nextOccurrence.start, commonDateFormat)}
|
||||||
@ -52,11 +54,13 @@ export const EventItem = ({
|
|||||||
)}
|
)}
|
||||||
</p>
|
</p>
|
||||||
)}
|
)}
|
||||||
{mode === "calendar" && event.occurrence?.start && (
|
{mode === "calendar" &&
|
||||||
<p className={styles.details}>
|
"occurrence" in event &&
|
||||||
{formatDate(event.occurrence?.start, "'kl.' HH:mm")}
|
event.occurrence?.start && (
|
||||||
</p>
|
<p className={styles.details}>
|
||||||
)}
|
{formatDate(event.occurrence?.start, "'kl.' HH:mm")}
|
||||||
|
</p>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
<Link href={`/arrangementer/${event.slug}`} className="hiddenLink">
|
<Link href={`/arrangementer/${event.slug}`} className="hiddenLink">
|
||||||
Mer om arrangementet {event.title}
|
Mer om arrangementet {event.title}
|
||||||
|
@ -6,7 +6,7 @@ export const FeaturedEvents = ({ events }: { events: EventFragment[] }) => {
|
|||||||
return (
|
return (
|
||||||
<ul className={styles.eventList}>
|
<ul className={styles.eventList}>
|
||||||
{events.map((event) => (
|
{events.map((event) => (
|
||||||
<EventItem key={event.id} event={event} />
|
<EventItem key={event.id} event={event} mode="list" />
|
||||||
))}
|
))}
|
||||||
</ul>
|
</ul>
|
||||||
);
|
);
|
||||||
|
@ -95,8 +95,8 @@ function isDefined<T>(val: T | undefined | null): val is T {
|
|||||||
|
|
||||||
interface EventsByDate {
|
interface EventsByDate {
|
||||||
[yearMonth: string]: {
|
[yearMonth: string]: {
|
||||||
[week: number]: {
|
[week: string]: {
|
||||||
[day: number]: SingularEvent[];
|
[day: string]: SingularEvent[];
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user