feat: implement Players component with data fetching and loading state; remove mock data and enhance error handling in database service

This commit is contained in:
Lars Behrends
2025-12-30 15:58:07 +01:00
parent c6ad8a92ec
commit ea2b803534
12 changed files with 184 additions and 341 deletions

View File

@@ -48,19 +48,26 @@ const Dashboard: React.FC = () => {
const [loading, setLoading] = useState(true);
useEffect(() => {
const loadData = async () => {
setLoading(true);
try {
await dbService.fetchAll();
} catch (error) {
console.warn('Failed to fetch fresh data:', error);
// Continue with cached data
}
setLoading(false);
};
// Subscribe to database updates
const unsubscribe = dbService.subscribe(() => {
setPlayers(dbService.getPlayers());
setProjects(dbService.getProjects());
setOrgs(dbService.getOrgs());
setLoading(false);
});
// Initial data load
setPlayers(dbService.getPlayers());
setProjects(dbService.getProjects());
setOrgs(dbService.getOrgs());
setLoading(false);
// Load fresh data on mount
loadData();
return unsubscribe;
}, []);