feat: add limiter to the newscomp

gathering · Sep 16, 2024 · 737defb · 737defb
1 parent 45f6ada
commit 737defb
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/components/NewsComp.astro b/src/components/NewsComp.astro
@@ -24,9 +24,18 @@ interface Article {
   };
 }
 
+type Props = {
+	articleLimit?: number;
+};
+const { articleLimit = 0 } = Astro.props;
+
 const fetchArticles = async (): Promise<Article[]> => {
+  const baseurl = `${import.meta.env.API_URL}api/v2/news/?fields=title,tags,first_published_at,main_image&order=-first_published_at`;
+  
+  const validLimit = articleLimit >= 1 ? `&limit=${articleLimit}` : '';
+  
   const response = await fetch(
-    `${import.meta.env.API_URL}api/v2/news/?fields=title,tags,first_published_at,main_image&order=-first_published_at&limit=4`,
+    `${baseurl}${validLimit}`,
   );
   const data = await response.json();
   const articles: Article[] = data.items;

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -12,6 +12,6 @@ import Hero from '../components/Hero.astro';
 			<H1 text="JOIN NORWAY'S LARGEST EASTER HUT"/>
 		</div>
 		<Hero image="/images/tg23-oversikt.jpg" />
-		<NewsComp />
+		<NewsComp articleLimit={4} />
 	</Main>
 </Layout>