feat: états de chargement inline avec common.loading #24

Merged

pickle-dev-fr merged 3 commits from feat/10 into main

2026-04-10 07:57:42 +00:00

pickle-dev-fr commented

2026-04-10 06:36:57 +00:00

Owner

Summary

Nouveau composant LoadingOverlay : spinner animé (DaisyUI loading-spinner) avec fond semi-transparent
Positionné en absolute inset-0 dans le <main> de AppLayout → couvre uniquement la zone de contenu, pas le menu sidebar
Nouveau LoadingContext : état de chargement global, les pages appellent setLoading(true/false) du contexte
AppLayout : main passe en position: relative, overlay injecté dedans
HomePage, AccountsPage, RecurrentsPage : migré vers useLoading()

Closes #10

## Summary - Nouveau composant `LoadingOverlay` : spinner animé (DaisyUI `loading-spinner`) avec fond semi-transparent - Positionné en `absolute inset-0` dans le `<main>` de `AppLayout` → couvre uniquement la zone de contenu, **pas le menu sidebar** - Nouveau `LoadingContext` : état de chargement global, les pages appellent `setLoading(true/false)` du contexte - `AppLayout` : `main` passe en `position: relative`, overlay injecté dedans - `HomePage`, `AccountsPage`, `RecurrentsPage` : migré vers `useLoading()` Closes #10

pickle-dev-fr added 1 commit

2026-04-10 06:36:57 +00:00

feat: remplacer les états de chargement par common.loading inline a28d29a973

- Ajout de la clé common.loading dans fr.json et en.json
- HomePage et AccountsPage : suppression du return anticipé qui remplaçait toute la page, le texte de chargement s'affiche inline sans bloquer le rendu
- AccountsPage : remplacement du "Loading…" hardcodé par t("common.loading")

Closes #10

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

pickle-dev-fr added 1 commit

2026-04-10 07:09:11 +00:00

fix: overlay de chargement animé sur la zone de contenu uniquement 4f7c99ea2c

- Nouveau composant LoadingOverlay : spinner animé DaisyUI avec fond semi-transparent, positionné en absolute sur le main
- Nouveau LoadingContext : state de chargement global partagé entre les pages
- AppLayout : main en position relative + LoadingOverlay injecté, le menu sidebar n'est jamais grisé
- HomePage, AccountsPage, RecurrentsPage : utilisent désormais setLoading du contexte

Closes #10

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

pickle-dev-fr added 1 commit

2026-04-10 07:56:27 +00:00

fix: séparer useLoading du composant pour corriger le Fast Refresh 9f553dd9a2

Même pattern que CurrencyContext : context + hook dans loading.ts (sans composant),
LoadingContext.tsx n'exporte que LoadingProvider.
Corrige le ReferenceError "loading is not defined" causé par un HMR partiel.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>