Skip to content

feat: migrate from CoreUI to Material UI (MUI)#23

Closed
devin-ai-integration[bot] wants to merge 1 commit into
mainfrom
devin/1770116135-mui-migration
Closed

feat: migrate from CoreUI to Material UI (MUI)#23
devin-ai-integration[bot] wants to merge 1 commit into
mainfrom
devin/1770116135-mui-migration

Conversation

@devin-ai-integration
Copy link
Copy Markdown

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

feat: migrate from CoreUI to Material UI (MUI)

Summary

This PR completely migrates the React admin template from CoreUI to Material UI (MUI). The migration includes:

  • Dependencies: Replaced CoreUI packages (@coreui/react, @coreui/icons, @coreui/chartjs, etc.) with MUI packages (@mui/material, @mui/icons-material, @emotion/react, @emotion/styled)
  • Charts: Replaced Chart.js with Recharts for data visualization
  • Styling: Removed SCSS files and replaced with MUI's sx prop and ThemeProvider
  • Layout: Converted sidebar to MUI Drawer, header to AppBar/Toolbar
  • Components: All 40+ view components rewritten using MUI equivalents
  • Theme: Created new theme.js with light/dark mode support using MUI's theming system
  • Icons: Replaced CoreUI icons with Material Icons

The Redux state management for sidebar visibility and theme selection has been preserved.

Review & Testing Checklist for Human

This is a high-risk PR due to the complete UI framework replacement. Please verify:

  • Run the app locally (npm start) and visually inspect all pages - build passing does not guarantee visual correctness
  • Test theme switching - verify light/dark/auto modes work correctly via the header dropdown
  • Test sidebar navigation - verify expand/collapse, nested menu groups, and mobile responsive behavior (temporary drawer on mobile)
  • Test all form components - checkboxes, radios, selects, text fields, sliders, validation states
  • Verify charts render correctly - Dashboard charts, Charts page, and widget charts use Recharts now instead of Chart.js
  • Test authentication pages - Login, Register, 404, 500 pages render correctly outside the main layout

Recommended test plan:

  1. Run npm start and navigate through every page in the sidebar
  2. Toggle theme between light/dark/auto
  3. Resize browser to test responsive behavior
  4. Test sidebar collapse/expand on desktop and mobile viewports

Notes

  • Some CoreUI PRO feature links were removed from navigation (they were external links to CoreUI docs)
  • MainChart now uses static data instead of random generation to satisfy React purity lint rules
  • The build shows a warning about chunk sizes (>500KB) which existed before and is not introduced by this PR

Link to Devin run: https://partner-workshops.devinenterprise.com/sessions/59114de117d34ee6a6eaf27cbf5e6b71
Requested by: arjun.b2@cognizant.com

- Replace all CoreUI components with MUI equivalents
- Replace CoreUI icons with Material Icons
- Replace Chart.js with Recharts for data visualization
- Create MUI theme with light/dark mode support
- Update all view components to use MUI components
- Remove SCSS styling in favor of MUI's sx prop
- Update navigation system to use MUI Drawer and List components
- Update header to use MUI AppBar and Toolbar
- Maintain Redux state management for sidebar and theme
@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/1770116135-mui-migration 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