From 06358ef1afa7579de2c461554313d321640d47cf Mon Sep 17 00:00:00 2001
From: elisejakob <hei@elisejakob.no>
Date: Tue, 21 May 2024 00:22:00 +0200
Subject: [PATCH] move link in news item

---
 web/src/components/news/NewsItem.tsx | 45 ++++++++++++++--------------
 1 file changed, 23 insertions(+), 22 deletions(-)

diff --git a/web/src/components/news/NewsItem.tsx b/web/src/components/news/NewsItem.tsx
index 93ee6ed..e9cd50e 100644
--- a/web/src/components/news/NewsItem.tsx
+++ b/web/src/components/news/NewsItem.tsx
@@ -8,27 +8,28 @@ export const NewsItem = ({ news }: { news: NewsFragment }) => {
   const featuredImage: any = news.featuredImage;
 
   return (
-    <Link href={`/aktuelt/${news.slug}`}>
-      <li className={`${styles.newsItem} linkItem`}>
-        <div className={styles.image}>
-          {featuredImage && (
-            <Image
-              src={featuredImage.url}
-              alt={featuredImage.alt}
-              width={featuredImage.width}
-              height={featuredImage.height}
-              sizes="20vw"
-            />
-          )}
-        </div>
-        <div className={styles.text}>
-          <p className={styles.date}>
-            {formatDate(news.firstPublishedAt, commonDateFormat)}
-          </p>
-          <h2 className={styles.title}>{news.title}</h2>
-          <p className={styles.lead}>{news.excerpt}</p>
-        </div>
-      </li>
-    </Link>
+    <li className={`${styles.newsItem} linkItem`}>
+      <div className={styles.image}>
+        {featuredImage && (
+          <Image
+            src={featuredImage.url}
+            alt={featuredImage.alt}
+            width={featuredImage.width}
+            height={featuredImage.height}
+            sizes="20vw"
+          />
+        )}
+      </div>
+      <div className={styles.text}>
+        <p className={styles.date}>
+          {formatDate(news.firstPublishedAt, commonDateFormat)}
+        </p>
+        <h2 className={styles.title}>{news.title}</h2>
+        <p className={styles.lead}>{news.excerpt}</p>
+      </div>
+      <Link href={`/aktuelt/${news.slug}`} className="hiddenLink">
+        Les artikkelen: {news.title}
+      </Link>
+    </li>
   );
 };