BUG:Favorite Icon Does Not Update on PersonImages Page #681
Description
Is there an existing issue for this?
- I have searched the existing issues
What happened?
Description
When clicking the favorite (heart) icon on an image inside the PersonImages (face collection detail) page, the backend updates successfully — the image is added/removed from Favorites — but the UI does not update.
The heart icon stays unchanged on the PersonImages page even though the favorite status actually changes.
However, the same image shows correctly (red heart) in the Favorites tab, confirming the backend is working.
Current Behavior
Clicking heart updates favorite on backend
UI on PersonImages page does not refresh
Heart icon stays same
Favorites tab shows the correct (updated) state
Cached query for PersonImages is never invalidated
Expected Behavior
The PersonImages UI should immediately reflect the new favorite state
Heart icon should turn red (favorited) or grey (unfavorited)
React Query should refetch using the correct key
UI should stay in sync with backend updates
Steps to Reproduce
Open any face collection → go to PersonImages
Click on the heart icon on any image
Open Favorites tab → image is correctly favorited
Return to PersonImages → heart icon remains unchanged
UI only updates after full page reload
Record
- I agree to follow this project's Code of Conduct
Checklist before Submitting
- Have you updated docs for it?
- Have you added unit tests?
- Have you made sure unit tests pass?
- Have you made sure code formatting is correct?
- Do Your changes passes all tests?