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

special handling for "Hele huset"

Browse Source
This commit is contained in:
Jonas Braathen
2024-08-12 01:36:40 +02:00
parent 6c27cb3078
commit e0cb1a89eb
1 changed files with 21 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
web/src/components/events/DateList.tsx
View File

@ -14,6 +14,7 @@ import Link from "next/link";
const DateListItem = ({ occurrence }: { occurrence: EventOccurrence }) => {
const dateFormat = "EEEE d. MMMM yyyy";
const timeFormat = "'kl.' HH:mm";
const wholeCastle = occurrence.venue?.slug === "hele-huset";
return (
<li className={styles.date}>
@ -24,13 +25,18 @@ const DateListItem = ({ occurrence }: { occurrence: EventOccurrence }) => {
<span className={styles.hour}>
{formatDate(occurrence.start, timeFormat)}
</span>{" "}
<span className={styles.venue}>
{occurrence.venue?.preposition + " " ?? ""}
{occurrence.venue?.url && (
<Link href={occurrence.venue?.url}>{occurrence.venue?.title}</Link>
)}
{!occurrence.venue?.url && <>{occurrence.venue?.title}</>}
</span>
{wholeCastle && <span className={styles.venue}>på Chateau Neuf</span>}
{!wholeCastle && (
<span className={styles.venue}>
{occurrence.venue?.preposition + " " ?? ""}
{occurrence.venue?.url && (
<Link href={occurrence.venue?.url}>
{occurrence.venue?.title}
</Link>
)}
{!occurrence.venue?.url && <>{occurrence.venue?.title}</>}
</span>
)}
</div>
</li>
);
@ -52,7 +58,7 @@ export const DateList = ({ event }: { event: EventFragment }) => {
const [showAllDates, setShowAllDates] = useState(false);
function toggleDates() {
setShowAllDates(!showAllDates)
setShowAllDates(!showAllDates);
}
return (
@ -70,11 +76,13 @@ export const DateList = ({ event }: { event: EventFragment }) => {
/>
))}
</ul>
{futureOccurrences.length > 4 && (<div className={styles.showMore}>
<button onClick={() => toggleDates()} className="button tertiary">
<span>Vis alle kommende datoer ({futureOccurrences.length})</span>
</button>
</div>)}
{futureOccurrences.length > 4 && (
<div className={styles.showMore}>
<button onClick={() => toggleDates()} className="button tertiary">
<span>Vis alle kommende datoer ({futureOccurrences.length})</span>
</button>
</div>
)}
{/* <div onClick={() => setShowPast(!showPast)}>
{showPast ? "Skjul" : "Vis"} tidligere
</div>