add news

web/src/components/news/NewsList.tsx

@@ -1,38 +1,27 @@
 import { NewsItem } from "./NewsItem";
 import styles from "./newsList.module.scss";
+import { NewsFragment } from "@/lib/news";
 
 export const NewsList = ({
+  news,
   heading,
   featured,
   limit,
 }: {
+  news: NewsFragment[];
   heading?: string;
   featured?: boolean;
   limit?: number;
 }) => {
+  const filteredNews = limit ? news.slice(0, limit) : news;
+
   return (
     <section className={styles.newsWrapper}>
       {heading && <h2 className="suphead">{heading}</h2>}
       <ul className={`${styles.newsList} ${featured && styles.featured}`}>
-        {limit === 3 ? (
-          <>
-            <NewsItem />
-            <NewsItem />
-            <NewsItem />
-          </>
-        ) : (
-          <>
-            <NewsItem />
-            <NewsItem />
-            <NewsItem />
-            <NewsItem />
-            <NewsItem />
-            <NewsItem />
-            <NewsItem />
-            <NewsItem />
-            <NewsItem />
-          </>
-        )}
+        {filteredNews.map((singleNews) => (
+          <NewsItem key={singleNews.id} news={singleNews} />
+        ))}
       </ul>
     </section>
   );