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

misc happy styling, event header tables, etc

Browse Source
This commit is contained in:
elisejakob
2024-06-24 03:34:19 +02:00
parent b1f3db6a42
commit 944506cc2f
12 changed files with 132 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
web/src/components/events/EventHeader.tsx
View File

@ -26,9 +26,9 @@ export const EventHeader = ({ event }: { event: EventFragment }) => {
<Link href="/arrangementer">Arrangement</Link>
</span>
<h1 className={styles.title}>{event.title}</h1>
<div className={styles.details}>
<div className={styles.eventDetails}>
<div className={styles.prices}>
{/*<h2>Pris</h2>*/}
<span className={styles.label}>Pris:</span>
<ul className={styles.priceList}>
{event.free && (
<li className={styles.priceItem}>
@ -55,24 +55,31 @@ export const EventHeader = ({ event }: { event: EventFragment }) => {
)}
</ul>
</div>
{event.ticketUrl && (
<a href={event.ticketUrl} className="button cta">
<span>Kjøp billetter</span>
<Icon />
</a>
)}
{event.facebookUrl && (
<a href={event.facebookUrl} className="textLink">
Gå til Facebook-event
</a>
)}
{event.categories.length > 0 && (
<div>
Kategorier: {event.categories.map((x) => x.name).join(", ")}
<span className={styles.label}>Kategorier:</span>{" "}
{event.categories.map((x) => x.name).join(", ")}
</div>
)}
{event.organizers && (
<div>
<span className={styles.label}>Arrangeres av:</span>{" "}
<OrganizerList event={event} />
</div>
)}
{event.organizers && <OrganizerList event={event} />}
</div>
{event.ticketUrl && (
<a href={event.ticketUrl} className="button cta">
<span>Kjøp billetter</span>
<Icon />
</a>
)}
{event.facebookUrl && (
<a href={event.facebookUrl} className="button tertiary">
<span>Gå til Facebook-event</span>
<Icon type="externalLink" />
</a>
)}
</div>
<div className={styles.image}>
{featuredImage && (