Build

app/haberler/page.tsx

@@ -1,15 +1,21 @@
 'use client';
 
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import Image from 'next/image';
 import Header from "@/components/Header";
 import Footer from "@/components/Footer";
-import { newsData, categories } from '@/data/news';
+import { dataStore } from '@/lib/dataStore';
+import { categories, type NewsItem } from '@/data/news';
 
 export default function News() {
+  const [newsData, setNewsData] = useState<NewsItem[]>([]);
   const [selectedCategory, setSelectedCategory] = useState('all');
   const [selectedNews, setSelectedNews] = useState<number | null>(null);
 
+  useEffect(() => {
+    setNewsData(dataStore.getNews());
+  }, []);
+
   const filteredNews = selectedCategory === 'all' 
     ? newsData 
     : newsData.filter(item => item.category === selectedCategory);