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

innungsapp/apps/mobile/hooks/useTermine.ts

@@ -1,33 +1,32 @@
-import { useState } from 'react'
-import { MOCK_TERMINE } from '@/lib/mock-data'
+import { trpc } from '@/lib/trpc'
 
 export function useTermineListe(upcoming = true) {
-  const now = new Date()
-  const data = MOCK_TERMINE.filter((t) =>
-    upcoming ? t.datum >= now : t.datum < now
-  ).sort((a, b) =>
-    upcoming ? a.datum.getTime() - b.datum.getTime() : b.datum.getTime() - a.datum.getTime()
-  )
-  return { data, isLoading: false, refetch: () => {}, isRefetching: false }
+  const { data, isLoading, refetch, isFetching } = trpc.termine.list.useQuery({ upcoming })
+
+  return {
+    data: data ?? [],
+    isLoading,
+    refetch,
+    isRefetching: isFetching,
+  }
 }
 
 export function useTerminDetail(id: string) {
-  const data = MOCK_TERMINE.find((t) => t.id === id) ?? null
-  return { data, isLoading: false }
+  const { data, isLoading } = trpc.termine.byId.useQuery({ id })
+  return { data: data ?? null, isLoading }
 }
 
 export function useToggleAnmeldung() {
-  const [isPending, setIsPending] = useState(false)
+  const utils = trpc.useUtils()
+  const mutation = trpc.termine.toggleAnmeldung.useMutation({
+    onSuccess: () => {
+      utils.termine.list.invalidate()
+      utils.termine.byId.invalidate()
+    },
+  })
 
-  function mutate({ terminId }: { terminId: string }) {
-    setIsPending(true)
-    const termin = MOCK_TERMINE.find((t) => t.id === terminId)
-    if (termin) {
-      termin.isAngemeldet = !termin.isAngemeldet
-      termin.teilnehmerAnzahl += termin.isAngemeldet ? 1 : -1
-    }
-    setTimeout(() => setIsPending(false), 300)
+  return {
+    mutate: ({ terminId }: { terminId: string }) => mutation.mutate({ terminId }),
+    isPending: mutation.isPending,
   }
-
-  return { mutate, isPending }
 }