bug fixes

frontend/src/pages/Veranstaltungen.tsx

@@ -49,6 +49,7 @@ import {
   Today as TodayIcon,
   IosShare,
   Event as EventIcon,
+  Delete as DeleteIcon,
 } from '@mui/icons-material';
 import DashboardLayout from '../components/dashboard/DashboardLayout';
 import { useAuth } from '../contexts/AuthContext';
@@ -851,9 +852,10 @@ interface ListViewProps {
   canWrite: boolean;
   onEdit: (ev: VeranstaltungListItem) => void;
   onCancel: (id: string) => void;
+  onDelete: (id: string) => void;
 }
 
-function EventListView({ events, canWrite, onEdit, onCancel }: ListViewProps) {
+function EventListView({ events, canWrite, onEdit, onCancel, onDelete }: ListViewProps) {
   if (events.length === 0) {
     return (
       <Alert severity="info" sx={{ mt: 2 }}>
@@ -945,9 +947,16 @@ function EventListView({ events, canWrite, onEdit, onCancel }: ListViewProps) {
                 <IconButton size="small" onClick={() => onEdit(ev)}>
                   <EditIcon fontSize="small" />
                 </IconButton>
-                <IconButton size="small" color="error" onClick={() => onCancel(ev.id)}>
-                  <CancelIcon fontSize="small" />
-                </IconButton>
+                <Tooltip title="Stornieren">
+                  <IconButton size="small" color="error" onClick={() => onCancel(ev.id)}>
+                    <CancelIcon fontSize="small" />
+                  </IconButton>
+                </Tooltip>
+                <Tooltip title="Löschen">
+                  <IconButton size="small" color="error" onClick={() => onDelete(ev.id)}>
+                    <DeleteIcon fontSize="small" />
+                  </IconButton>
+                </Tooltip>
               </Box>
             )}
           </ListItem>
@@ -996,6 +1005,10 @@ export default function Veranstaltungen() {
   const [cancelGrund, setCancelGrund] = useState('');
   const [cancelLoading, setCancelLoading] = useState(false);
 
+  // Delete dialog
+  const [deleteId, setDeleteId] = useState<string | null>(null);
+  const [deleteLoading, setDeleteLoading] = useState(false);
+
   // iCal dialog
   const [icalOpen, setIcalOpen] = useState(false);
 
@@ -1100,6 +1113,22 @@ export default function Veranstaltungen() {
     }
   };
 
+  const handleDeleteEvent = async () => {
+    if (!deleteId) return;
+    setDeleteLoading(true);
+    try {
+      await eventsApi.deleteEvent(deleteId);
+      setDeleteId(null);
+      loadData();
+      notification.showSuccess('Veranstaltung wurde gelöscht');
+    } catch (e: unknown) {
+      const msg = e instanceof Error ? e.message : 'Fehler beim Löschen';
+      notification.showError(msg);
+    } finally {
+      setDeleteLoading(false);
+    }
+  };
+
   // ---------------------------------------------------------------------------
   // Filtered events for list view
   // ---------------------------------------------------------------------------
@@ -1246,6 +1275,7 @@ export default function Veranstaltungen() {
               canWrite={canWrite}
               onEdit={(ev) => { setEditingEvent(ev); setFormOpen(true); }}
               onCancel={(id) => { setCancelId(id); setCancelGrund(''); }}
+              onDelete={(id) => setDeleteId(id)}
             />
           </Paper>
         )}
@@ -1289,16 +1319,16 @@ export default function Veranstaltungen() {
           maxWidth="xs"
           fullWidth
         >
-          <DialogTitle>Veranstaltung absagen</DialogTitle>
+          <DialogTitle>Veranstaltung stornieren</DialogTitle>
           <DialogContent>
             <DialogContentText sx={{ mb: 2 }}>
-              Bitte gib einen Grund für die Absage an (mind. 5 Zeichen).
+              Bitte gib einen Grund für die Stornierung an (mind. 5 Zeichen).
             </DialogContentText>
             <TextField
               fullWidth
               multiline
               rows={3}
-              label="Absagegrund"
+              label="Stornierungsgrund"
               value={cancelGrund}
               onChange={(e) => setCancelGrund(e.target.value)}
               autoFocus
@@ -1312,7 +1342,23 @@ export default function Veranstaltungen() {
               onClick={handleCancelEvent}
               disabled={cancelGrund.trim().length < 5 || cancelLoading}
             >
-              {cancelLoading ? <CircularProgress size={20} /> : 'Absagen'}
+              {cancelLoading ? <CircularProgress size={20} /> : 'Stornieren'}
+            </Button>
+          </DialogActions>
+        </Dialog>
+
+        {/* Delete Dialog */}
+        <Dialog open={Boolean(deleteId)} onClose={() => setDeleteId(null)} maxWidth="xs" fullWidth>
+          <DialogTitle>Veranstaltung endgültig löschen</DialogTitle>
+          <DialogContent>
+            <DialogContentText>
+              Soll diese Veranstaltung wirklich endgültig gelöscht werden? Diese Aktion kann nicht rückgängig gemacht werden.
+            </DialogContentText>
+          </DialogContent>
+          <DialogActions>
+            <Button onClick={() => setDeleteId(null)}>Abbrechen</Button>
+            <Button variant="contained" color="error" onClick={handleDeleteEvent} disabled={deleteLoading}>
+              {deleteLoading ? <CircularProgress size={20} /> : 'Endgültig löschen'}
             </Button>
           </DialogActions>
         </Dialog>