feat: Implement initial with admin and mobile clients, authentication, data models, and lead generation scripts.

innungsapp/apps/mobile/hooks/useNews.ts

@@ -1,28 +1,28 @@
-import { useState } from 'react'
-import { MOCK_NEWS } from '@/lib/mock-data'
-import { useNewsReadStore } from '@/store/news.store'
+import { trpc } from '@/lib/trpc'
 
 export function useNewsList(kategorie?: string) {
-  const localReadIds = useNewsReadStore((s) => s.readIds)
-  const filtered = kategorie
-    ? MOCK_NEWS.filter((n) => n.kategorie === kategorie)
-    : MOCK_NEWS
+  const { data, isLoading, refetch, isFetching } = trpc.news.list.useQuery({
+    kategorie: kategorie || undefined,
+  })
 
-  const data = filtered.map((n) => ({
-    ...n,
-    isRead: n.isRead || localReadIds.has(n.id),
-  }))
-
-  return { data, isLoading: false, refetch: () => {}, isRefetching: false }
+  return {
+    data: data ?? [],
+    isLoading,
+    refetch,
+    isRefetching: isFetching,
+  }
 }
 
 export function useNewsDetail(id: string) {
-  const markRead = useNewsReadStore((s) => s.markRead)
-  const news = MOCK_NEWS.find((n) => n.id === id) ?? null
+  const utils = trpc.useUtils()
+  const { data, isLoading } = trpc.news.byId.useQuery({ id })
+
+  const markReadMutation = trpc.news.markRead.useMutation()
 
   function onOpen() {
-    markRead(id)
+    markReadMutation.mutate({ newsId: id })
+    utils.news.list.invalidate()
   }
 
-  return { data: news, isLoading: false, onOpen }
+  return { data: data ?? null, isLoading, onOpen }
 }