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
• Should there be a footer containing relevant links, Toska logo, version number etc.
  • For reference, see how Norppa has done it

Related issues

• 4548

Progress

• [x] Navigation bar #4675
• [ ] Access denied
• [x] Front page #4679
• [ ] University
• [ ] Faculties
  • [ ] Overview
  • [ ] Basic information
  • [ ] Programmes and student populations
  • [ ] 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
  • [ ] Course page
• [ ] Student statistics
  • [ ] 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
  • [ ] Language center view
  • [ ] Students close to graduation
• [x] Feedback #4677
• [ ] Users
  • [ ] Search
  • [ ] User page
• [ ] Updater

[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.