Add unit tests for the watchlist toggle asserting bookmark state persists in localStorage across renders

[Chucks1093]

Summary

The watchlist toggle reads from and writes to localStorage. Unit tests should mock localStorage and assert that toggling a key on and off correctly updates the stored list and that the bookmark icon reflects the correct state on re-render.

Scope

• Test that clicking the bookmark icon on an unbookmarked key adds it to localStorage and shows the filled icon
• Test that clicking the bookmark icon on a bookmarked key removes it from localStorage and shows the outline icon
• Test that the bookmark icon renders as filled on mount when the key is already in localStorage
• Test that the watchlist count in the navbar updates after each toggle
• Test that disconnecting the wallet clears the localStorage watchlist entry

Acceptance Criteria

• Bookmarking adds key to localStorage and shows filled icon
• Unbookmarking removes key from localStorage and shows outline icon
• Filled icon shown on mount for already-bookmarked keys
• Navbar count updates after toggle
• localStorage cleared on wallet disconnect

ETA: 12 hours

---

Coordinate on Telegram

[DammyAji]

@DammyAji has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

Assign me please

ℹ️ Repo Maintainers: To accept this application, review their application or assign @DammyAji to this issue.

[Maryam-matus]

@Maryam-matus has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

I'd love to work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Maryam-matus to this issue.

[Komelove]

@Komelove has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

I’d be happy to take this issue. I’ve looked through the requirements and have a plan for approaching the implementation. I’ll investigate the existing code and dependencies, make the required changes, verify the behaviour with tests, and provide a concise PR explaining what was changed. I can start immediately and will communicate any blockers during development.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Komelove to this issue.

[Senatormike001]

@Senatormike001 has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

Hello, I’d like to contribute to this issue and would appreciate the opportunity to work on it. Thank you.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Senatormike001 to this issue.

[adelekevictor12]

@adelekevictor12 has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

Hello maintainer, i can fix this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @adelekevictor12 to this issue.

[Fury03]

@Fury03 has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

I can work on this

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Fury03 to this issue.

[sojetunde8]

@sojetunde8 has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

I can fix this.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @sojetunde8 to this issue.

[muhsar27]

@muhsar27 has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

Hello maintainer, I would love to work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @muhsar27 to this issue.

[mxrtins04]

@mxrtins04 has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

Hi maintiner, can i be assigned this issue pleaseee?

ℹ️ Repo Maintainers: To accept this application, review their application or assign @mxrtins04 to this issue.

[drips-wave]

Congratulations, @sojetunde8! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on August 31, 2026.

🧑‍💻 @sojetunde8: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊

[drips-wave]

This issue has been marked as completed by a Drips Wave moderator for @sojetunde8 as part of the Stellar Wave Program's 8th Wave 🥳

Moderator's reason: [Auto-assessed] The contributor implemented the useWatchlist hook and WatchlistToggle component along with comprehensive unit tests in PR #893 that directly fulfill all acceptance criteria for issue #861. The PR has passing CI, is clean and conflict-free, and has no maintainer objections across any channel.

😎 @sojetunde8: You earned 150 Points for completing this issue! After the current Wave ends, you'll be eligible for a percentage of the Wave's reward pool based on the percentage of total points you've earned. Learn more here.

🧑‍💻 Repo maintainers: How'd the contributor do? Leave a review to share your experience working with them.

ℹ️ Note: This issue was marked complete via moderation. Points were issued even though the GitHub issue remains open.