Material UI

[rikurauhala]

About

Replacing Semantic UI with Material UI.

Cleanup

Do these steps when everything else is done.

1. Remove Semantic from dependencies
2. Remove custom.css
3. Remove /material/ from components file path
4. Remove the New user interface notification from the front page
5. Explicitly import the Roboto font

Related issues

• [Frontend] Use icons consistently across the application #4548
• [Front page] Update the feature list and separate access checking #4682
• Remove Evaluation overview #4686
• [Navigation bar] Add a visual indicator for mocking #4687
• [Faculties, Study programme overview] Include graduated students in the progress charts? #4697
• [Course statistics] Student statistics: display rows lacking attainments #4730
• [Language center view] Semantic UI semester selector broken #4710
• [Study programme overview] Add a way to select a subset of years #4653

Progress

• Navigation bar Material UI: Navigation bar #4675
• Footer Material UI: Footer #4680
• Access denied Material UI: Access denied #4692
• Front page Material UI: Front page #4679
• University Material UI: University #4688
  • Faculty progress
  • Faculty graduations
• Faculties Material UI: Faculties #4695
  • List
  • Basic information
  • Students by starting year
  • Progress
  • Graduation times
  • Update statistics
• Class statistics
  • Population search
  • Population statistics
• Study programme overview (Work in Progress)
  • Programme selector Material UI: Study programme overview - Programme selector #4747
  • Basic information
  • Study tracks and class statistics
  • Programme courses
  • Degree courses
  • Tags
  • Update statistics Material UI: Study programme overview - Update statistics tab #4748
• Course statistics
  • Course search Material UI: Course search #4717
  • Course page Material UI: Course statistics #4733
    • Students table Material UI: Course statistics - Students table #4740
    • Attempts table Material UI: Course statistics - Attempts table #4741
• Course population
• Student statistics Material UI: Students #4704
  • Student search
  • Student page
• Teacher statistics
  • Statistics
  • Leaderboard
  • Search
  • Teacher page
• Study guidance groups
  • Overview
  • Population
• Special populations
  • Custom population
  • Open uni population
  • Completed courses of students Material UI: Completed courses search #4708
  • Language center view
  • Students close to graduation 5051bbd
• Feedback Material UI: Feedback #4677
• Users Material UI: Users #4746
  • Search
  • User page
• Updater 96d316e

[ShootingStar91]

I liked material-react-table. That's tanstack table wrapped into mui styles. highly customizable and still gives all the power of tanstack table while saving you the trouble of writing the styles yourself. Mui's data grid has some features behind paywall. Just my 2 cents!

[rikurauhala]

I liked material-react-table. That's tanstack table wrapped into mui styles. highly customizable and still gives all the power of tanstack table while saving you the trouble of writing the styles yourself. Mui's data grid has some features behind paywall. Just my 2 cents!

Thanks! We will look into this.