From 4d9796fbe7ce5a805c7fbff1677a56c57e999524 Mon Sep 17 00:00:00 2001
From: Jonas Braathen <jonas@ponas.no>
Date: Tue, 21 May 2024 00:25:06 +0200
Subject: [PATCH] add news article featured image to figure

---
 web/src/app/aktuelt/[slug]/page.tsx | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/web/src/app/aktuelt/[slug]/page.tsx b/web/src/app/aktuelt/[slug]/page.tsx
index 7f848b1..2f5ac07 100644
--- a/web/src/app/aktuelt/[slug]/page.tsx
+++ b/web/src/app/aktuelt/[slug]/page.tsx
@@ -35,29 +35,31 @@ export default async function Page({ params }: { params: { slug: string } }) {
     }
   `);
 
-
   const { data, error } = await getClient().query(newsBySlugQuery, {
     slug: params.slug,
   });
 
   const news = (data?.news ?? {}) as NewsFragment;
-  const featuredImage: any = news.featuredImage
-
-console.log(data)
-console.log('error', error)
+  const featuredImage: any = news.featuredImage;
 
   return (
     <main className="site-main" id="main">
       <section className="page-header">
         <h1>{news.title}</h1>
         {featuredImage && (
-          <Image
-            src={featuredImage.url}
-            alt={featuredImage.alt}
-            width={featuredImage.width}
-            height={featuredImage.height}
-            sizes="100vw"
-          />
+          <figure key={featuredImage.id}>
+            <Image
+              src={featuredImage.url}
+              alt={featuredImage.alt ?? ""}
+              width={featuredImage.width}
+              height={featuredImage.height}
+              sizes="100vw"
+            />
+            <figcaption>Bildetekst her?</figcaption>
+            {featuredImage.attribution && (
+              <figcaption>{featuredImage.attribution}</figcaption>
+            )}
+          </figure>
         )}
       </section>
       <section className="page-content">