Bilder + GSC + Posthog

innungsapp/apps/admin/app/superadmin/organizations/[id]/EditOrgForm.tsx

@@ -43,9 +43,20 @@ interface Props {
     }
 }
 
-const initialState = { success: false, error: '' }
-
-export function EditOrgForm({ org }: Props) {
+const initialState = { success: false, error: '' }
+
+async function readUploadResponse(res: Response) {
+    const data = await res.json().catch(() => null)
+    if (!res.ok) {
+        throw new Error(data?.error || 'Upload fehlgeschlagen')
+    }
+    if (!data?.url) {
+        throw new Error('Upload-Antwort enthaelt keine Datei-URL')
+    }
+    return data as { url: string }
+}
+
+export function EditOrgForm({ org }: Props) {
     const boundAction = updateOrganization.bind(null, org.id)
     const [state, formAction, isPending] = useActionState(boundAction, initialState)
     const [logoUrl, setLogoUrl] = useState(org.logoUrl || '')
@@ -65,21 +76,20 @@ export function EditOrgForm({ org }: Props) {
         const uploadFormData = new FormData()
         uploadFormData.append('file', file)
 
-        try {
-            const res = await fetch('/api/upload', {
-                method: 'POST',
-                body: uploadFormData
-            })
-            const data = await res.json()
-            if (data.url) {
-                if (type === 'logo') setLogoUrl(data.url)
-                if (type === 'hero') setHeroImageUrl(data.url)
-            }
-        } catch (err) {
-            console.error('Upload failed', err)
-        } finally {
-            setIsUploading(prev => ({ ...prev, [type]: false }))
-        }
+        try {
+            const res = await fetch('/api/upload', {
+                method: 'POST',
+                body: uploadFormData
+            })
+            const data = await readUploadResponse(res)
+            if (type === 'logo') setLogoUrl(data.url)
+            if (type === 'hero') setHeroImageUrl(data.url)
+        } catch (err) {
+            console.error('Upload failed', err)
+            alert(err instanceof Error ? err.message : 'Upload fehlgeschlagen')
+        } finally {
+            setIsUploading(prev => ({ ...prev, [type]: false }))
+        }
     }