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,5 +1,6 @@
import { getClient } from "@/app/client";
import { Blocks } from "@/components/blocks/Blocks";
import { Breadcrumb } from "@/components/general/Breadcrumb";
import { ImageFigure } from "@/components/general/Image";
import { graphql } from "@/gql";
import { NewsFragment } from "@/gql/graphql";
@ -51,9 +52,7 @@ export default async function Page({ params }: { params: { slug: string } }) {
return (
<main className="site-main" id="main">
<section className="news-header">
<p className="suphead news-details">
Nyhet &mdash; {formatDate(news.firstPublishedAt, "d. MMMM yyyy")}
</p>
<Breadcrumb link="/aktuelt" text="Nyhet" date={formatDate(news.firstPublishedAt, "d. MMMM yyyy")} />
<h1 className="news-title">{news.title}</h1>
{news.lead && (
<div

View File

@ -1,5 +1,6 @@
import { getClient } from "@/app/client";
import { Blocks } from "@/components/blocks/Blocks";
import { Breadcrumb } from "@/components/general/Breadcrumb";
import Icon from "@/components/general/Icon";
import { Image } from "@/components/general/Image";
import { graphql } from "@/gql";
@ -53,9 +54,7 @@ export default async function Page({ params }: { params: { slug: string } }) {
return (
<main className="site-main" id="main">
<span className="suphead breadcrumb">
<Link href="/foreninger">{association.associationType}</Link>
</span>
<Breadcrumb link="/foreninger" text={association.associationType ? association.associationType : "Foreninger"} />
<section className="page-header">
<h1>{association.title}</h1>
{association.websiteUrl && (

View File

@ -1,6 +1,7 @@
import { getClient } from "@/app/client";
import { Blocks } from "@/components/blocks/Blocks";
import { ImageSliderBlock } from "@/components/blocks/ImageSliderBlock";
import { Breadcrumb } from "@/components/general/Breadcrumb";
import { Image } from "@/components/general/Image";
import { NeufMap } from "@/components/venues/NeufMap";
import { VenueInfo } from "@/components/venues/VenueInfo";
@ -102,6 +103,7 @@ export default async function Page({ params }: { params: { slug: string } }) {
return (
<main className="site-main" id="main">
<ImageSliderBlock block={placeholderBlock} hero />
<Breadcrumb link="/utleie" text="Lokale" />
<h1 className="page-title">{venue.title}</h1>
{/*featuredImage && (
<Image

View File

@ -42,7 +42,7 @@ export default async function Page() {
<main className="site-main" id="main">
<PageHeader heading={index.title} lead={index.lead} />
{index.body && <Blocks blocks={index.body} />}
<VenueList venues={bookableVenues} />
<VenueList venues={bookableVenues} heading="Våre lokaler" />
<BgPig type="key" />
</main>
);