[PR #31110] feat(web): add loading indicators for infinite scroll pagination #33094

Closed
opened 2026-02-21 20:52:39 -05:00 by yindo · 0 comments
Owner

Original Pull Request: https://github.com/langgenius/dify/pull/31110

State: closed
Merged: Yes


Important

  1. Make sure you have read our contribution guidelines
  2. Ensure there is an associated issue and you have been assigned to it
  3. Use the correct syntax to link this PR: Fixes #31023.

Summary

Add spinning loader indicators to infinite scroll components that previously lacked visual feedback when fetching the next page.

Components updated:

  • Apps List: spinner before scroll anchor
  • Datasets List: spinner using isFetchingNextPage
  • Select Dataset Modal: spinner after dataset items
  • App Picker: upgraded text to spinner
  • Plugins Panel: upgraded text to spinner with Load More button
  • App Nav dropdown: spinner via NavSelector
  • Dataset Nav dropdown: spinner via NavSelector
  • Access Control Dialog: upgraded Loading component to RiLoader2Line

All indicators use consistent RiLoader2Line with animate-spin styling.

Fixes #31023

Screenshots

Before After
... {ECD8FFE0-8814-4E1D-9B30-9812BD70F6A3}

Checklist

  • This change requires a documentation update, included: Dify Document
  • I understand that this PR may be closed in case there was no previous discussion or issues. (This doesn't apply to typos!)
  • I've added a test for each change that was introduced, and I tried as much as possible to make a single atomic change.
  • I've updated the documentation accordingly.
  • I ran make lint and make type-check (backend) and cd web && npx lint-staged (frontend) to appease the lint gods

Contribution by Gittensor, see my contribution statistics at https://gittensor.io/miners/details?githubId=42954461

**Original Pull Request:** https://github.com/langgenius/dify/pull/31110 **State:** closed **Merged:** Yes --- > [!IMPORTANT] > > 1. Make sure you have read our [contribution guidelines](https://github.com/langgenius/dify/blob/main/CONTRIBUTING.md) > 1. Ensure there is an associated issue and you have been assigned to it > 1. Use the correct syntax to link this PR: `Fixes #31023`. ## Summary <!-- Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change. --> Add spinning loader indicators to infinite scroll components that previously lacked visual feedback when fetching the next page. Components updated: - Apps List: spinner before scroll anchor - Datasets List: spinner using isFetchingNextPage - Select Dataset Modal: spinner after dataset items - App Picker: upgraded text to spinner - Plugins Panel: upgraded text to spinner with Load More button - App Nav dropdown: spinner via NavSelector - Dataset Nav dropdown: spinner via NavSelector - Access Control Dialog: upgraded Loading component to RiLoader2Line All indicators use consistent RiLoader2Line with animate-spin styling. Fixes #31023 ## Screenshots | Before | After | |--------|-------| | ... | <img width="1210" height="583" alt="{ECD8FFE0-8814-4E1D-9B30-9812BD70F6A3}" src="https://github.com/user-attachments/assets/2a1e9c49-2021-4f7f-8554-3c94968e57b2" /> | ## Checklist - [ ] This change requires a documentation update, included: [Dify Document](https://github.com/langgenius/dify-docs) - [x] I understand that this PR may be closed in case there was no previous discussion or issues. (This doesn't apply to typos!) - [x] I've added a test for each change that was introduced, and I tried as much as possible to make a single atomic change. - [x] I've updated the documentation accordingly. - [x] I ran `make lint` and `make type-check` (backend) and `cd web && npx lint-staged` (frontend) to appease the lint gods Contribution by Gittensor, see my contribution statistics at https://gittensor.io/miners/details?githubId=42954461
yindo added the pull-request label 2026-02-21 20:52:39 -05:00
yindo closed this issue 2026-02-21 20:52:39 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: langgenius/dify#33094