stabile version

src/App.jsx

@@ -1,4 +1,4 @@
-import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom';
+import {BrowserRouter, Routes, Route} from 'react-router-dom';
 import { createTheme, ThemeProvider, CssBaseline } from '@mui/material';
 import { AuthProvider } from './context/AuthContext';
 import PrivateRoute from './components/PrivateRoute';
@@ -104,7 +104,7 @@ export default function App() {
                                 path="attractions/:id/edit"
                                 element={
                                     <PrivateRoute allowedRoles={['ADMIN', 'REPORTER']}>
-                            <EditAttractionPage/>
+                                        <EditAttractionPage />
                                     </PrivateRoute>
                                 }
                             />
@@ -112,7 +112,7 @@ export default function App() {
                                 path="companies/:id/edit"
                                 element={
                                     <PrivateRoute allowedRoles={['ADMIN', 'SITE_OWNER']}>
-                            <EditCompanyPage/>
+                                        <EditCompanyPage />
                                     </PrivateRoute>
                                 }
                             />
@@ -120,7 +120,7 @@ export default function App() {
                                 path="organizations/:id/edit"
                                 element={
                                     <PrivateRoute allowedRoles={['ADMIN', 'SITE_OWNER']}>
-                          <EditOrganizationPage/>
+                                        <EditOrganizationPage />
                                     </PrivateRoute>
                                 }
                             />

src/components/ErrorBoundary.jsx

@@ -0,0 +1,29 @@
+import { Component } from 'react';
+
+class ErrorBoundary extends Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false, error: null };
+    }
+
+    static getDerivedStateFromError(error) {
+        return { hasError: true, error };
+    }
+
+    render() {
+        if (this.state.hasError) {
+            return (
+                <div style={{ padding: 32 }}>
+                    <h2>Etwas ist schiefgelaufen.</h2>
+                    <p>{this.state.error?.message || 'Unbekannter Fehler'}</p>
+                    <button onClick={() => this.setState({ hasError: false })}>
+                        Erneut versuchen
+                    </button>
+                </div>
+            );
+        }
+        return this.props.children;
+    }
+}
+
+export default ErrorBoundary;

src/components/Layout.jsx

@@ -14,6 +14,7 @@ import CalendarMonthIcon from '@mui/icons-material/CalendarMonth';
 import HomeIcon from '@mui/icons-material/Home';
 import StoreIcon from '@mui/icons-material/Store';
 import { useAuth } from '../context/AuthContext';
+import ErrorBoundary from './ErrorBoundary';
 
 const DRAWER_WIDTH = 240;
 
@@ -173,8 +174,11 @@ export default function Layout() {
               </Tooltip>
             </Toolbar>
           </AppBar>
+
           <Box sx={{ p: 3 }}>
+            <ErrorBoundary>
               <Outlet />
+            </ErrorBoundary>
           </Box>
         </Box>
       </Box>

src/pages/Attraction/AttractionPage.jsx

@@ -31,7 +31,7 @@ export default function AttractionPage() {
             const { data } = await axiosInstance.get('/attraction');
             setRows(data);
         } catch (err) {
-            setError(err.response?.data?.message ?? 'Fehler beim laden der Attractions');
+            setError(err.response?.data?.error ?? 'Fehler beim laden der Attractions');
 
         } finally {
             setLoading(false);
@@ -61,7 +61,7 @@ export default function AttractionPage() {
             handleCreateClose();
 
         } catch (err) {
-            setCreatingError(err.response?.data?.message ?? 'Erstellen fehlgeschlagen');
+            setCreatingError(err.response?.data?.error ?? 'Erstellen fehlgeschlagen');
         } finally {
             setCreating(false);
         }
@@ -80,7 +80,7 @@ export default function AttractionPage() {
             await axiosInstance.delete(`/attraction/${id}`);
             setRows((prev) => prev.filter((r) => r.id !== id));
         } catch(err){
-            alert(err.response?.data?.message ?? 'Löschen fehlgeschlagen');
+            alert(err.response?.data?.error ?? 'Löschen fehlgeschlagen');
         }
     };
 

src/pages/Attraction/EditAttractionPage.jsx

@@ -60,7 +60,8 @@ export default function EditAttractionPage() {
                 setTitleImageUrl(imgs[0] || null);
                 setOtherImageUrls(imgs.slice(1));
             } catch (err) {
-                setError(err.response?.data?.message ?? 'Fehler beim Laden der Sehenswürdigkeit');
+                const msg = err.response?.data?.error;
+                setError(typeof msg === 'string' ? msg : 'Fehler beim Laden der Sehenswürdigkeit');
             }
         };
         fetchData();
@@ -135,7 +136,8 @@ export default function EditAttractionPage() {
             });
             navigate('/attractions');
         } catch (err) {
-            setError(err.response?.data?.message ?? 'Fehler beim Speichern');
+            const msg = err.response?.data?.error;
+            setError(typeof msg === 'string' ? msg : 'Fehler beim Speichern');
             setSaving(false);
         }
     };
@@ -155,8 +157,11 @@ export default function EditAttractionPage() {
                 <CardContent sx={{ p: 3 }}>
                     <Box component="form" onSubmit={handleSubmit}>
                         <Stack spacing={3}>
-                            {error && <Alert severity="error">{error}</Alert>}
+                            {error && (
-
+                                <Alert severity="error">
+                                    {typeof error === 'string' ? error : JSON.stringify(error)}
+                                </Alert>
+                            )}
                             <TextField
                                 label="Titel"
                                 value={title}

src/pages/Auth/UsersPage.jsx

@@ -63,7 +63,7 @@ export default function UsersPage() {
       setSnackbar(`Änderungen an ${editUser.nickname} erfolgreich gespeichert.`);
       handleEditClose();
     } catch (err) {
-      setSaveError(err.response?.data?.message ?? 'Speichern fehlgeschlagen');
+      setSaveError(err.response?.data?.error ?? 'Speichern fehlgeschlagen');
     } finally {
       setSaving(false);
     }
@@ -75,7 +75,7 @@ export default function UsersPage() {
       await axiosInstance.post(`/users/${user.id}/reset-password`);
       setSnackbar(`Passwort für ${user.nickname} wurde zurückgesetzt — E-Mail wurde versendet.`);
     } catch (err) {
-      setSnackbar(err.response?.data?.message ?? 'Zurücksetzen fehlgeschlagen');
+      setSnackbar(err.response?.data?.error ?? 'Zurücksetzen fehlgeschlagen');
     } finally {
       setResetting(null);
     }
@@ -89,7 +89,7 @@ export default function UsersPage() {
       setSnackbar(`Nutzer ${deleteUser.nickname} wurde gelöscht.`);
       setDeleteUser(null);
     } catch (err) {
-      setSnackbar(err.response?.data?.message ?? 'Löschen fehlgeschlagen');
+      setSnackbar(err.response?.data?.error ?? 'Löschen fehlgeschlagen');
     } finally {
       setDeleting(false);
     }

src/pages/Company/CompanyPage.jsx

@@ -63,7 +63,7 @@ export default function CompanyPage() {
             handleCreateClose();
 
         } catch (err) {
-            setCreatingError(err.response?.data?.message ?? 'Erstellen fehlgeschlagen');
+            setCreatingError(err.response?.data?.error ?? 'Erstellen fehlgeschlagen');
         } finally {
             setCreating(false);
         }
@@ -82,7 +82,7 @@ export default function CompanyPage() {
             await axiosInstance.delete(`/company/${id}`);
             setRows((prev) => prev.filter((r) => r.id !== id));
         } catch (err){
-            alert(err.response?.data?.message ?? 'Löschen fehlgeschlagen');
+            alert(err.response?.data?.error ?? 'Löschen fehlgeschlagen');
         }
     };
 

src/pages/Company/EditCompanyPage.jsx

@@ -70,7 +70,9 @@ export default function EditCompanyPage() {
                 setTitleImageUrl(imgs[0] || null);
                 setOtherImageUrls(imgs.slice(1));
             } catch (err) {
-                setError(err.response?.data || 'Fehler beim Laden');
+                // ✅ err.response.data kann ein Objekt sein → .error extrahieren
+                const serverMessage = err.response?.data?.error || err.response?.data;
+                setError(typeof serverMessage === 'string' ? serverMessage : 'Fehler beim Laden');
             }
         };
         fetchData();
@@ -143,9 +145,15 @@ export default function EditCompanyPage() {
             await axiosInstance.put(`/company/${id}`, formData, {
                 headers: { 'Content-Type': undefined }
             });
+
             navigate('/companies');
         } catch (err) {
-            setError(err.response?.data || 'Fehler beim Speichern');
+            // ✅ Fehlermeldung korrekt aus Axios-Response extrahieren
+            const serverMessage = err.response?.data?.error || err.response?.data;
+            const message = typeof serverMessage === 'string'
+                ? serverMessage
+                : err.message || 'Fehler beim Speichern';
+            setError(message);
             setSaving(false);
         }
     };
@@ -165,8 +173,11 @@ export default function EditCompanyPage() {
                 <CardContent sx={{ p: 3 }}>
                     <Box component="form" onSubmit={handleSubmit}>
                         <Stack spacing={3}>
-                            {error && <Alert severity="error">{error}</Alert>}
+                            {error && (
-
+                                <Alert severity="error">
+                                    {typeof error === 'string' ? error : JSON.stringify(error)}
+                                </Alert>
+                            )}
                             <TextField label="Name" value={name} fullWidth InputProps={{ readOnly: true }} helperText="Der Name kann nicht geändert werden." />
                             <TextField label="Beschreibung" name="description" value={form.description} onChange={handleChange} required fullWidth autoFocus multiline rows={6} />
                             <TextField label="Telefonnummer" name="phone" value={form.phone} onChange={handleChange} required fullWidth />
@@ -224,7 +235,6 @@ export default function EditCompanyPage() {
                                             <Typography variant="body2" color="text.secondary" sx={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
                                                 {titleImageFile ? titleImageFile.name : titleImageUrl}
                                             </Typography>
-                                            {/* Titelbild tauschen ohne zu löschen */}
                                             <Button
                                                 component="label"
                                                 size="small"
@@ -261,7 +271,6 @@ export default function EditCompanyPage() {
                                 </Typography>
 
                                 <Stack spacing={1.5}>
-                                    {/* Bestehende weitere Bilder */}
                                     {otherImageUrls.map((src, i) => (
                                         <Box
                                             key={`existing-${i}`}
@@ -287,7 +296,6 @@ export default function EditCompanyPage() {
                                         </Box>
                                     ))}
 
-                                    {/* Neu hinzugefügte weitere Bilder */}
                                     {otherPreviews.map((src, i) => (
                                         <Box
                                             key={`new-${i}`}

src/pages/News/CreateNewsPage.jsx

@@ -69,7 +69,7 @@ export default function CreateNewsPage() {
       });
       navigate('/posts');
     } catch (err) {
-      setError(err.response?.data?.message ?? 'Erstellen fehlgeschlagen');
+      setError(err.response?.data?.error ?? 'Erstellen fehlgeschlagen');
     } finally {
       setSaving(false);
     }
@@ -90,8 +90,11 @@ export default function CreateNewsPage() {
         <CardContent sx={{ p: 3 }}>
           <Box component="form" onSubmit={handleSubmit}>
             <Stack spacing={3}>
-              {error && <Alert severity="error">{error}</Alert>}
+              {error && (
-
+                  <Alert severity="error">
+                    {typeof error === 'string' ? error : JSON.stringify(error)}
+                  </Alert>
+              )}
               <TextField label="Titel" name="title" value={form.title} onChange={handleChange} required fullWidth autoFocus />
               <TextField label="Beschreibung" name="description" value={form.description} onChange={handleChange} required fullWidth multiline rows={6} />
               <TextField label="Kategorie" name="category" value={form.category} onChange={handleChange} required fullWidth />
@@ -166,6 +169,16 @@ export default function CreateNewsPage() {
               {/* Push Notification */}
               <Box>
                 <Typography variant="subtitle2" fontWeight={500} mb={1.5}>Push Notification</Typography>
+
+                <Alert
+                    severity="info"
+                    variant="outlined"
+                    sx={{ py: 0.5, mb: 2, fontSize: 13 }}
+                >
+                  Wird gebündelt nach ~30 min gesendet. Kein Versand bei Ruhezeiten (22–8 Uhr),
+                  wenn in den letzten 90 min bereits gesendet wurde oder das Tageslimit (3) erreicht ist.
+                </Alert>
+
                 <Box sx={{ display: 'flex', alignItems: 'flex-start', gap: 2 }}>
                   <ToggleButtonGroup
                     exclusive

src/pages/Notification/PushPage.jsx

@@ -23,7 +23,7 @@ export default function PushPage() {
       setTitle('');
       setBody('');
     } catch (err) {
-      setResult({ type: 'error', msg: err.response?.data?.message ?? 'Senden fehlgeschlagen' });
+      setResult({ type: 'error', msg: err.response?.data?.error ?? 'Senden fehlgeschlagen' });
     } finally {
       setLoading(false);
     }
@@ -31,7 +31,19 @@ export default function PushPage() {
 
   return (
     <Box>
-      <Typography variant="h5" fontWeight={600} mb={3}>Push Notifications</Typography>
+      <Typography variant="h5" fontWeight={600} mb={3}>Push Benachrichtigung</Typography>
+
+      <Alert severity="info" sx={{ maxWidth: 560, mb: 3 }}>
+        Nachrichten werden über <strong>Firebase Cloud Messaging (FCM)</strong> versendet
+        und landen zunächst in einer Queue. Der Worker verarbeitet sie anschließend
+        asynchron – Zustellung kann einige Sekunden dauern. iOS- und Android-Geräte
+        müssen Benachrichtigungen in der App-Einstellung erlaubt haben.
+        Benachrichtigung werden nicht verschickt, wenn eines der folgenden Punkte zutrifft:
+        - Benachrichtigung wird innerhalb der Ruhezeiten verschickt (22:00-8:00)
+        - In den letzten 90 Minuten wurde bereits an diese Platform eine Benachrichtigung geschickt
+        - Heute wurden bereits 3 Benachrichtigung an diese Platform geschickt
+      </Alert>
+
       <Card sx={{ maxWidth: 560 }}>
         <CardContent sx={{ p: 3 }}>
           <Box component="form" onSubmit={handleSend} sx={{ display: 'flex', flexDirection: 'column', gap: 2.5 }}>

src/pages/Organization/EditOrganizationPage.jsx

@@ -70,7 +70,7 @@ export default function EditOrganizationPage() {
                 setTitleImageUrl(imgs[0] || null);
                 setOtherImageUrls(imgs.slice(1));
             } catch (err) {
-                setError(err.response?.data || 'Fehler beim Laden');
+                setError(err.response?.data?.error || err.response?.data || 'Fehler beim Laden');
             }
         };
         fetchData();
@@ -140,12 +140,22 @@ export default function EditOrganizationPage() {
             if (titleImageFile) formData.append('images', titleImageFile);
             otherFiles.forEach((f) => formData.append('images', f));
 
+            // ✅ await hinzugefügt — ohne das wird die Response nie abgewartet
             await axiosInstance.put(`/organization/${id}`, formData, {
                 headers: { 'Content-Type': undefined }
             });
+
+            // Axios wirft bei 4xx/5xx automatisch eine Exception,
+            // hier kommen wir nur bei Erfolg an
             navigate('/organizations');
         } catch (err) {
-            setError(err.response?.data || 'Fehler beim Speichern');
+            // Axios-Fehlerstruktur: err.response.data enthält den Body
+            const serverMessage = err.response?.data?.error || err.response?.data;
+            const message =
+                typeof serverMessage === 'string'
+                    ? serverMessage
+                    : err.message || 'Fehler beim Speichern';
+            setError(message);
             setSaving(false);
         }
     };
@@ -165,8 +175,11 @@ export default function EditOrganizationPage() {
                 <CardContent sx={{ p: 3 }}>
                     <Box component="form" onSubmit={handleSubmit}>
                         <Stack spacing={3}>
-                            {error && <Alert severity="error">{error}</Alert>}
+                            {error && (
-
+                                <Alert severity="error">
+                                    {typeof error === 'string' ? error : JSON.stringify(error)}
+                                </Alert>
+                            )}
                             <TextField label="Name" value={name} fullWidth InputProps={{ readOnly: true }} helperText="Der Name kann nicht geändert werden." />
                             <TextField label="Beschreibung" name="description" value={form.description} onChange={handleChange} required fullWidth autoFocus multiline rows={6} />
                             <TextField label="Telefonnummer" name="phone" value={form.phone} onChange={handleChange} required fullWidth />
@@ -224,7 +237,6 @@ export default function EditOrganizationPage() {
                                             <Typography variant="body2" color="text.secondary" sx={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
                                                 {titleImageFile ? titleImageFile.name : titleImageUrl}
                                             </Typography>
-                                            {/* Titelbild tauschen ohne zu löschen */}
                                             <Button
                                                 component="label"
                                                 size="small"
@@ -261,7 +273,6 @@ export default function EditOrganizationPage() {
                                 </Typography>
 
                                 <Stack spacing={1.5}>
-                                    {/* Bestehende weitere Bilder */}
                                     {otherImageUrls.map((src, i) => (
                                         <Box
                                             key={`existing-${i}`}
@@ -287,7 +298,6 @@ export default function EditOrganizationPage() {
                                         </Box>
                                     ))}
 
-                                    {/* Neu hinzugefügte weitere Bilder */}
                                     {otherPreviews.map((src, i) => (
                                         <Box
                                             key={`new-${i}`}

src/pages/Organization/OrganizationPage.jsx

@@ -63,7 +63,7 @@ export default function OrganizationPage() {
             handleCreateClose();
 
         } catch (err) {
-            setCreatingError(err.response?.data?.message ?? 'Erstellen fehlgeschlagen');
+            setCreatingError(err.response?.data?.error ?? 'Erstellen fehlgeschlagen');
         } finally {
             setCreating(false);
         }