edb/neuf-www
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

messing around with event items, grid and order

Browse Source
This commit is contained in:
elisejakob
2024-06-21 14:36:26 +02:00
parent 7aab8c154d
commit 82f451cb14
3 changed files with 85 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
web/src/components/events/EventItem.tsx
View File

@ -40,38 +40,43 @@ export const EventItem = ({
/>
)}
</div>
<div className={styles.text}>
<h1 className={styles.title}>{event.title}</h1>
<div className={styles.time}>
{mode === "list" && nextOccurrence && (
<div className={styles.details}>
<div className={styles.dates}>
{numOccurrences === 1 &&
nextOccurrence?.start &&
formatDate(nextOccurrence.start, commonDateTimeFormat)}
{numOccurrences > 1 && nextOccurrence?.start && (
<div>
<>
<span>
{formatDate(nextOccurrence.start, commonDateTimeFormat)}
</span>
<p>Flere datoer ({numOccurrences}) &rarr;</p>
</div>
<p className={styles.moreDates}>
Flere datoer ({numOccurrences})
</p>
</>
)}
</div>
)}
{mode === "singular" &&
"occurrence" in event &&
event.occurrence?.start && (
<p className={styles.details}>
<p className={styles.dates}>
{formatDate(event.occurrence?.start, commonDateTimeFormat)}
</p>
)}
{mode === "calendar" &&
"occurrence" in event &&
event.occurrence?.start && (
<p className={styles.details}>
<p className={styles.dates}>
{formatDate(event.occurrence?.start, "'kl.' HH:mm")}
</p>
)}
</div>
<div className={styles.text}>
<h1 className={styles.title}>{event.title}</h1>
<p className={styles.details}>Evt. andre detaljer</p>
</div>
<Link href={`/arrangementer/${event.slug}`} className="hiddenLink">
Mer om arrangementet {event.title}
</Link>