Material UI

[rikurauhala]

About

Oodikone is in need of a fresh, new user interface. The goal is to replace Semantic UI with Material UI.

Things to consider:

• Replace SortableTable with something else
  • Material React Table suggested by @ShootingStar91
• Explicitly import the Roboto font when most of the work is done
• New components to be written in TypeScript
• Better utilise the useTitle hook
  • This could be used to include more details, e.g. the name of a study programme

Related issues

• 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] Include graduated students in the progress charts? #4697

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
  • Basic information
  • Study tracks and class statistics
  • Programme courses
  • Degree courses
  • Tags
  • Update statistics
• Course statistics
  • Course search Material UI: Course search #4717
  • Course page (WIP)
• 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
  • 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.