icssc / peterportal-client

A web application to aid UCI students with course discovery and planning.
https://peterportal.org
MIT License
15 stars 12 forks source link

Flickering of boards when course information is opened #251

Open nicoleiftekhar opened 1 year ago

nicoleiftekhar commented 1 year ago

Most boards flicker when opened to see course information, some do not.

js0mmer commented 6 months ago

I assume this refers to the fact that we have to fetch data for grade distribution, schedule of classes, etc. so initially those sections are empty until the data is received half a second later. While we can't do anything about needing to fetch data, we can implement a skeleton mode that displays an empty gray box of the same height/width of the information displayed while we are waiting for a response. This can prevent the section headings and width of the popup from shifting around.

https://github.com/icssc/peterportal-client/assets/8922227/140dc832-aa9b-4376-81fb-dba96e36a7ab

e.g. YouTube skeleton mode image