Skeleton Loaders should mimic the /matches pages more accurately

[Argn0]

This would increase their effectiveness in shortening the perceived loading times.
Especially the /matches/overview page would benefit from this.

http://danilowoz.com/create-content-loader/ is a useful tool for this task.

[bdbch]

We could also use @material-ui's component:
https://material-ui.com/components/skeleton

Should be easy to render table item with a loading state.

[howardchung]

I do like how react-content-loader allows custom loaders that you build yourself. Is the material-ui version as flexible?

[bdbch]

The material-ui skeleton component can also be arranged as needed. They support multiple options like

<Skeleton variant="rect" /> - which will render a rectangle with a specific width and height
<Skeleton /> - which will be rendered as a line of text with a specific width

Take a look at this example (Facebook Post) to see how they use CSS + the Skeleton Loader component to adjust the styling for the loading elements:

https://material-ui.com/components/skeleton/#facebook-example