bug fixes

frontend/src/components/dashboard/ActivityFeed.tsx

@@ -1,174 +0,0 @@
-import React from 'react';
-import {
-  Card,
-  CardContent,
-  Typography,
-  List,
-  ListItem,
-  ListItemAvatar,
-  ListItemText,
-  Avatar,
-  Box,
-} from '@mui/material';
-import {
-  LocalFireDepartment,
-  Person,
-  DirectionsCar,
-  Assignment,
-} from '@mui/icons-material';
-
-interface Activity {
-  id: string;
-  type: 'incident' | 'member' | 'vehicle' | 'task';
-  title: string;
-  description: string;
-  timestamp: string;
-}
-
-// Placeholder activities
-const placeholderActivities: Activity[] = [
-  {
-    id: '1',
-    type: 'incident',
-    title: 'Brandeinsatz',
-    description: 'Kleinbrand in der Hauptstraße',
-    timestamp: 'Vor 2 Stunden',
-  },
-  {
-    id: '2',
-    type: 'member',
-    title: 'Neues Mitglied',
-    description: 'Max Mustermann ist der Feuerwehr beigetreten',
-    timestamp: 'Vor 5 Stunden',
-  },
-  {
-    id: '3',
-    type: 'vehicle',
-    title: 'Fahrzeugwartung',
-    description: 'LF 16/12 - Wartung abgeschlossen',
-    timestamp: 'Gestern',
-  },
-  {
-    id: '4',
-    type: 'task',
-    title: 'Aufgabe zugewiesen',
-    description: 'Neue Aufgabe: Inventur Atemschutzgeräte',
-    timestamp: 'Vor 2 Tagen',
-  },
-];
-
-const ActivityFeed: React.FC = () => {
-  const getActivityIcon = (type: Activity['type']) => {
-    switch (type) {
-      case 'incident':
-        return <LocalFireDepartment />;
-      case 'member':
-        return <Person />;
-      case 'vehicle':
-        return <DirectionsCar />;
-      case 'task':
-        return <Assignment />;
-      default:
-        return <LocalFireDepartment />;
-    }
-  };
-
-  const getActivityColor = (type: Activity['type']) => {
-    switch (type) {
-      case 'incident':
-        return 'error.main';
-      case 'member':
-        return 'success.main';
-      case 'vehicle':
-        return 'warning.main';
-      case 'task':
-        return 'info.main';
-      default:
-        return 'primary.main';
-    }
-  };
-
-  return (
-    <Card sx={{ height: '100%', overflow: 'hidden' }}>
-      <CardContent>
-        <Typography variant="h6" gutterBottom>
-          Letzte Aktivitäten
-        </Typography>
-
-        <List sx={{ pt: 2 }}>
-          {placeholderActivities.map((activity, index) => (
-            <React.Fragment key={activity.id}>
-              <ListItem
-                alignItems="flex-start"
-                sx={{
-                  px: 0,
-                  position: 'relative',
-                  '&::before':
-                    index < placeholderActivities.length - 1
-                      ? {
-                          content: '""',
-                          position: 'absolute',
-                          left: 19,
-                          top: 56,
-                          bottom: 0,
-                          width: 2,
-                          bgcolor: 'divider',
-                        }
-                      : {},
-                }}
-              >
-                <ListItemAvatar>
-                  <Avatar
-                    sx={{
-                      bgcolor: getActivityColor(activity.type),
-                      width: 40,
-                      height: 40,
-                    }}
-                  >
-                    {getActivityIcon(activity.type)}
-                  </Avatar>
-                </ListItemAvatar>
-                <ListItemText
-                  primary={
-                    <Typography variant="subtitle2" component="span">
-                      {activity.title}
-                    </Typography>
-                  }
-                  secondary={
-                    <Box>
-                      <Typography
-                        variant="body2"
-                        color="text.secondary"
-                        component="span"
-                        sx={{ display: 'block' }}
-                      >
-                        {activity.description}
-                      </Typography>
-                      <Typography
-                        variant="caption"
-                        color="text.secondary"
-                        component="span"
-                      >
-                        {activity.timestamp}
-                      </Typography>
-                    </Box>
-                  }
-                />
-              </ListItem>
-            </React.Fragment>
-          ))}
-        </List>
-
-        {placeholderActivities.length === 0 && (
-          <Box sx={{ textAlign: 'center', py: 4 }}>
-            <Typography variant="body2" color="text.secondary">
-              Keine Aktivitäten vorhanden
-            </Typography>
-          </Box>
-        )}
-      </CardContent>
-    </Card>
-  );
-};
-
-export default ActivityFeed;

frontend/src/components/dashboard/UserProfile.tsx

@@ -61,6 +61,9 @@ const UserProfile: React.FC<UserProfileProps> = ({ user }) => {
           {/* User Info */}
           <Box sx={{ flex: 1, textAlign: { xs: 'center', sm: 'left' } }}>
             <Typography variant="h5" component="div" gutterBottom>
+              Willkommen zurück, {user.given_name || user.name.split(' ')[0]}!
+            </Typography>
+            <Typography variant="body2" sx={{ opacity: 0.75, mb: 0.5 }}>
               {user.name}
             </Typography>
             <Typography variant="body2" sx={{ opacity: 0.9 }}>

frontend/src/components/dashboard/index.ts

@@ -1,7 +1,6 @@
 export { default as UserProfile } from './UserProfile';
 export { default as ServiceCard } from './ServiceCard';
 export { default as StatsCard } from './StatsCard';
-export { default as ActivityFeed } from './ActivityFeed';
 export { default as DashboardLayout } from './DashboardLayout';
 export { default as PersonalWarningsBanner } from './PersonalWarningsBanner';
 export { default as UpcomingEventsWidget } from './UpcomingEventsWidget';