Skip to content

Migrate from CoreUI to Material UI#18

Closed
devin-ai-integration[bot] wants to merge 1 commit into
mainfrom
devin/1770113315-migrate-to-material-ui
Closed

Migrate from CoreUI to Material UI#18
devin-ai-integration[bot] wants to merge 1 commit into
mainfrom
devin/1770113315-migrate-to-material-ui

Conversation

@devin-ai-integration
Copy link
Copy Markdown

@devin-ai-integration devin-ai-integration Bot commented Feb 3, 2026

Summary

This PR completely migrates the admin template from CoreUI to Material UI (MUI). All 66 files have been updated to replace CoreUI components with their MUI equivalents.

Key changes:

  • Replaced all @coreui/* packages with @mui/material, @mui/icons-material, and @emotion/*
  • Migrated charts from @coreui/react-chartjs to react-chartjs-2
  • Replaced CoreUI's useColorModes with MUI's ThemeProvider for light/dark mode
  • Rewrote all layout components (AppHeader, AppSidebar, AppFooter, etc.) using MUI Box, Drawer, AppBar
  • Migrated all 40+ view components to use MUI equivalents
  • Removed SCSS files in favor of MUI's emotion-based styling
  • Updated Redux store to manage themeMode state

Removed:

  • CoreUI-specific "PRO" feature links in navigation
  • DocsComponents, DocsExample, DocsIcons, DocsLink helper components
  • SCSS stylesheets

Review & Testing Checklist for Human

This is a high-risk PR due to the scope of changes and lack of automated tests. Please verify:

  • Run the app locally (npm install && npm start) and verify it loads without console errors
  • Test sidebar navigation: Verify all menu items navigate correctly, nested menus expand/collapse, and the sidebar can be toggled open/closed
  • Test theme switching: Click the theme toggle in the header and verify light/dark mode switches correctly across all pages
  • Test form components: Visit Forms section and verify all inputs, selects, checkboxes, radios, and sliders work
  • Test modals and toasts: Visit Notifications section and verify dialogs open/close and snackbars appear correctly
  • Verify charts render: Check Dashboard and Charts pages to ensure all chart types display properly

Recommended Test Plan

  1. Run npm install and npm start
  2. Navigate through every route in the sidebar
  3. Test interactive components on each page (buttons, forms, modals)
  4. Toggle dark/light mode and verify styling updates
  5. Test responsive behavior by resizing the browser

Notes

  • Random data generation in charts was replaced with static data to satisfy React purity lint rules
  • Some CoreUI-specific features (Calendar, Smart Table, Virtual Scroller) were removed as they were external PRO links

Link to Devin run: https://partner-workshops.devinenterprise.com/sessions/2fb081f5c26249f2bced77716718506d

- Replace all @coreui/* packages with @mui/material, @mui/icons-material, @emotion/react, @emotion/styled
- Update all layout components (DefaultLayout, AppHeader, AppSidebar, AppFooter, AppContent, AppBreadcrumb)
- Migrate navigation system to use MUI Drawer, List, ListItem components
- Update all view files to use MUI components:
  - Dashboard with Grid, Card, Table, LinearProgress
  - Charts using react-chartjs-2 with MUI theming
  - Base views (Accordion, Cards, Tables, Tabs, etc.)
  - Form views (TextField, Select, Checkbox, Radio, Slider, etc.)
  - Button views (Button, ButtonGroup, Menu)
  - Notification views (Alert, Snackbar, Dialog, Badge)
  - Icon views using @mui/icons-material
  - Widget views with brand cards and charts
- Add MUI theme configuration with light/dark mode support
- Remove SCSS files and CoreUI-specific components
- Update Redux store for MUI theme management
@devin-ai-integration
Copy link
Copy Markdown
Author

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

  • Address comments on this PR. Add '(aside)' to your comment to have me ignore it.
  • Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

  • Disable automatic comment and CI monitoring

@devin-ai-integration devin-ai-integration Bot deleted the devin/1770113315-migrate-to-material-ui branch April 24, 2026 22:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

0 participants