Rocket.Chat.ReactNative
Rocket.Chat.ReactNative copied to clipboard
Feat/skeleton loading
Description
This PR implements skeleton loading for message images and workspace avatars, unifying the loading experience with the rest of the app.
Closes #4810
Changes
- Created a reusable
Skeletoncomponent inapp/containers/Skeleton. - Replaced
OverlayComponentloading spinner withSkeletoninMessageImage. - Added
Skeletonloading toMarkdownimages. - Added
Skeletonloading toServerAvatarinWorkspaceView. - Removed unused dependencies:
react-native-image-progressandreact-native-progress.
Verification
- Verified skeleton appears while images are loading in messages.
- Verified skeleton appears on workspace avatars.
- Verified unit tests pass.
Summary by CodeRabbit
-
New Features
- New Emoji component with unified handling for standard and custom emoji
- New Skeleton component for loading placeholders
-
Improvements
- Emoji rendering consolidated into the shared Emoji component across the app
- Image and avatar flows now show skeleton placeholders while loading for smoother UX
-
Tests
- Unit tests added for Emoji and Skeleton components
-
Chores
- Public re-exports added for Emoji and Skeleton components
✏️ Tip: You can customize this high-level summary in your review settings.