feat: Implement mobile application and lead processing utilities.

innungsapp/apps/mobile/hooks/useTermine.ts

@@ -1,19 +1,33 @@
-import { trpc } from '@/lib/trpc'
+import { useState } from 'react'
+import { MOCK_TERMINE } from '@/lib/mock-data'
 
 export function useTermineListe(upcoming = true) {
-  return trpc.termine.list.useQuery({ upcoming })
+  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 }
 }
 
 export function useTerminDetail(id: string) {
-  return trpc.termine.byId.useQuery({ id })
+  const data = MOCK_TERMINE.find((t) => t.id === id) ?? null
+  return { data, isLoading: false }
 }
 
 export function useToggleAnmeldung() {
-  const utils = trpc.useUtils()
-  return trpc.termine.toggleAnmeldung.useMutation({
-    onSuccess: () => {
-      utils.termine.list.invalidate()
-      utils.termine.byId.invalidate()
-    },
-  })
+  const [isPending, setIsPending] = useState(false)
+
+  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, isPending }
 }