1. 31 déc., 2025 1 validation
    • 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