RocketChat / RocketChat/Rocket.Chat.ReactNative
Bug: Pin Icon Not Appearing
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 2.4k
- Forks
- 1.5k
- Avg merge
- 1d 18h
- Merged PRs (30d)
- 90
Description
When a user pins a message, the pin icon does not appear immediately on the message. The icon only appears when i close teh app and open again or starring the same message. This creates a poor user experience as users cannot immediately see visual confirmation that their pin action was successful.
Environment Information:
- Rocket.Chat Server Version: NA
- Rocket.Chat App Version: NA
- Device Name: NA
- OS Version: NA
Steps to reproduce:
- Open any channel or room in the mobile app
- Long-press on any message to open the action menu
- Select "Pin" from the action menu
- Observe that the pin icon does not appear on the message immediately
- close the app then open again
- Observe that the pin icon now appears on the message
Expected behavior:
The pin icon should appear immediately on the message after the user selects "Pin" from the action menu, providing instant visual feedback that the message has been pinned.
Actual behavior:
The pin icon does not appear immediately after pinning. Users must close the app and open again to see the pin icon, or perform another action (like starring) on the same message to trigger a UI refresh that displays the pin icon.
Screenshot:
Additional context:
- This issue affects the user experience as there's no immediate visual confirmation of the pin action
- The pin functionality works correctly on the server side (messages are actually pinned)
- The issue is purely a UI synchronization problem
- Sometimes pinning a message and then starring it causes the pin icon to appear, suggesting a re-render issue
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the issue in the mobile app through the message action menu, then trace the pin action and the message UI that renders the pin icon. Confirm that the icon updates immediately after pinning without reopening the app or triggering another action.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 52/100