Using the OOjs progress bar may be blocked by T180487: Create a React component library that wraps OOjs UI components.

If so, we can use a standard bootstrap loading indicator until we tackle T180090: Interaction Timeline V1: Increase information density, decrease whitespace.

@dmaza I think the best way to do this would be to have either a loading boolean or a status (i.e. ready, fetching, done, etc.) enum that tells you the status of the list. We might want to move the actually data down a level in the store (i.e. move pages to pages → list so then you can have a pages → status). Obviously you'll need to change the bool/enum in the reducer(s) as well as the epic(s).

However, if you come up with something better go for it. :)

@dbarratt Since there is only one status we care about (loading) and there is only one request where this will show up I think a simple boolean should do it.

In T180072#3781877, @dmaza wrote:

@dbarratt Since there is only one status we care about (loading) and there is only one request where this will show up I think a simple boolean should do it.

Makes sense to me! we might have to changing it when we do pagination, but we can worry about that later. :)