• Hamadou Ba's avatar
    Migration partielle vers Material-UI (MUI) · 904278cf
    Hamadou Ba a écrit
    Remplacement de Tailwind CSS par Material-UI pour un design plus professionnel.
    
    1. Installation MUI:
       - @mui/material @mui/icons-material
       - @emotion/react @emotion/styled (styling engine)
    
    2. Configuration theme (theme.ts):
       - Palette couleurs (primary=bleu, secondary=violet)
       - Typography (Roboto font family)
       - Components overrides (buttons, cards)
       - Border radius 8px
    
    3. Main.tsx:
       - ThemeProvider wrapping App
       - CssBaseline pour reset CSS Material
    
    4. Dashboard refactorise (100% MUI):
       - AppBar + Toolbar (header professionnel)
       - Container responsive (maxWidth xl)
       - Paper elevation pour cartes (ombres)
       - Typography pour textes (h6, caption, body2)
       - Alert avec IconButton pour erreurs
       - Stack + Box pour layout flexbox
       - Icons: ScienceIcon, CloseIcon
    
    Avantages MUI:
    - Design Material cohérent et professionnel
    - Composants accessibles (ARIA)
    - Animations fluides
    - Theme customizable
    - TypeScript support excellent
    - Documentation complete
    
    Build status: OK (600KB gzip 198KB)
    Frontend: Fonctionnel avec hot reload
    
    Prochaines etapes (optionnel):
    - Convertir ScenarioSelector (Select + MenuItem)
    - Convertir ParameterPanel (TextField)
    - Convertir SimulationControl (Button)
    - Convertir ResultsDisplay (Tabs + Alert)
    - Convertir MetricsCard (Card + CardContent)
    - Convertir ComparisonTable (Table MUI)
    
    Documentation: MIGRATION-MUI.md avec guide complet
    904278cf