From 65100eff4e9768463a60de0c271e4efba6b3b371 Mon Sep 17 00:00:00 2001
From: elise <hei@elisejakob.no>
Date: Fri, 9 Aug 2024 16:38:55 +0200
Subject: [PATCH] update featured news limit

---
 web/src/app/page.tsx                 | 2 +-
 web/src/components/news/NewsList.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/app/page.tsx b/web/src/app/page.tsx
index f9856b1..471b410 100644
--- a/web/src/app/page.tsx
+++ b/web/src/app/page.tsx
@@ -85,7 +85,7 @@ export default async function Home() {
           <Pig type="point" />
         </div>
       </div>
-      <NewsList heading="Siste nytt" limit={4} featured news={news} />
+      <NewsList heading="Siste nytt" featured news={news} />
     </main>
   );
 }
diff --git a/web/src/components/news/NewsList.tsx b/web/src/components/news/NewsList.tsx
index a5c03e9..cd016f4 100644
--- a/web/src/components/news/NewsList.tsx
+++ b/web/src/components/news/NewsList.tsx
@@ -14,7 +14,7 @@ export const NewsList = ({
   heading?: string;
   featured?: boolean;
 }) => {
-  const [limit, setLimit] = useState(17);
+  const [limit, setLimit] = useState(featured ? 4 : 17);
   function increaseLimit() {
     setLimit(limit + 16);
   }
@@ -29,7 +29,7 @@ export const NewsList = ({
           <NewsItem key={singleNews.id} news={singleNews} />
         ))}
       </ul>
-      {limit && news.length > limit && (
+      {!featured && limit && news.length > limit && (
         <div className={styles.showMore}>
           <button onClick={increaseLimit}>
             <span>Last inn flere artikler</span>