[Portal] List loader

[ChaimaaZaoui]

Feature: [Portal] List loader

As a an end user,
I want to know when a list is loading
So that I can wait for more content to be displayed

Acceptance criteria

Scenario: List loader

Given that I am an end user navigating a page with lists,
When I scroll down the list
And new items are loading
Then a loader is shown
And it disappears once the items are available to be shown in the frontend of the portal.

This loader is applicable for every list in the portal,
starting with the governance page:

• Sections
• subsections
• Container
• Paragraph pop-up

Resources

Mockups

https://github.com/okp4/product-kanban/assets/115076387/b6c4745a-90f1-4140-88ba-7893971e84c1
https://github.com/okp4/product-kanban/assets/115076387/0887221f-1fe4-4e3b-b153-38bcbc107f75
https://github.com/okp4/product-kanban/assets/115076387/e84f04e8-fb5e-4b6e-8870-122a1d5d9cfb

Environment

• staging URL: https://app.staging.okp4.network/

Additional informations

None.

┆Issue is synchronized with this Wrike task by Unito

[ChaimaaZaoui]

• - title, description, and value statement
• - acceptance criteria (scenarios)
• - mockups (all devices and themes)
• - labels added
• - US presented to DEV team (refinement)
• - attached to an epic
• - estimation (planning poker)
• - external dependencies if applicable

[lolottetheclash]

This feature should be implemented after this ticket has been done.

[ChaimaaZaoui]

Hey team! Please add your planning poker estimate with Zenhub @0xLodz @AnjaMis @ErikssonJoakim @lolottetheclash @ccamel @amimart

[loiclaudet]

List loader has been implemented in dataverse.tsx, using InfiniteScroll component.

This issue serves as a guideline for managing the loading states of various lists that are fetched incrementally.

@ChaimaaZaoui since the list loader will be integrated into other parts of the application as we continue to connect them to the ontology, I believe we can consider this issue resolved and close it.