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

misc design improvements

Browse Source
This commit is contained in:
elise
2024-08-09 01:05:34 +02:00
parent 6a110b343b
commit 09c7028ffc
7 changed files with 70 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
web/src/components/events/EventContainer.tsx
View File

@ -127,32 +127,36 @@ export const EventContainer = ({
<div className={styles.events}>
<div className={styles.eventWrapper}>
<div className={styles.displayOptions}>
<button
onClick={() => setMode(null)}
className="button toggler hasIcon"
data-active={mode === "list"}
>
<span>Vis liste</span>
<Icon type="list" />
</button>
<button
onClick={() => setMode("calendar")}
className="button toggler hasIcon"
data-active={mode === "calendar"}
>
<span>Vis kalender</span>
<Icon type="calendar" />
</button>
{(category || organizer || venue) && (
<button onClick={onResetFilters} className="button tertiary">
<span>Vis alle</span>
<Icon type="noFilter" />
<div className={styles.displayButtons}>
<button
onClick={() => setMode(null)}
className="button toggler hasIcon"
data-active={mode === "list"}
>
<span>Vis liste</span>
<Icon type="list" />
</button>
)}
<button onClick={toggleFilter} className="button tertiary">
<span>Filter</span>
<Icon type="filter" />
</button>
<button
onClick={() => setMode("calendar")}
className="button toggler hasIcon"
data-active={mode === "calendar"}
>
<span>Vis kalender</span>
<Icon type="calendar" />
</button>
</div>
<div className={styles.filterButtons}>
{(category || organizer || venue) && (
<button onClick={onResetFilters} className="button tertiary">
<span>Vis alle</span>
<Icon type="noFilter" />
</button>
)}
<button onClick={toggleFilter} className="button tertiary">
<span>Filter</span>
<Icon type="filter" />
</button>
</div>
</div>
<EventFilter
eventCategories={filterableCategories}