tidy up, add section header component with links + make breadcrumb component

This commit is contained in:
elise
2024-07-15 15:18:04 +02:00
parent e7fb07005c
commit ebb0ee41ff
14 changed files with 90 additions and 48 deletions

View File

@ -1,16 +1,12 @@
import { EventFragment } from "@/gql/graphql";
import { EventItem } from "./EventItem";
import styles from "./featuredEvents.module.scss";
import { SectionHeader } from "../general/SectionHeader";
export const FeaturedEvents = ({ events }: { events: EventFragment[] }) => {
return (
<section>
<h2 className="circlehead">
<span className="circle"></span>
<span className="circle"></span>
<span className="circle"></span>
Arrangementer
</h2>
<SectionHeader heading="Arrangementer" link="/arrangementer" linkText="Se alle arrangementer" />
<ul className={styles.eventList}>
{events.slice(0, 3).map((event) => (
<EventItem key={event.id} event={event} mode="list" />