Skip to content

Add responsive image srcset on NotificationCenter [b#055] #732

Closed

Description

@greatest0fallt1me

Description

This is a ui/ux issue for the GrantFox FWC26 campaign. Use srcset for images on NotificationCenter so mobile devices don't download desktop-sized assets.

Requirements and Context

  • Implement per the description above
  • Add focused tests for the change
  • Document any API/visible changes
  • Adhere to repo's lint and code style
  • Must be secure, tested, and documented

Suggested Execution

  1. Fork the repo and create a branch
  2. Implement changes touching:
    • src/pages/NotificationCenter.tsx
  3. Test and commit; open a PR with Closes #<issue-number> in the body

Guidelines

  • Responsive across all breakpoints
  • WCAG 2.1 AA accessibility
  • Design-token + dark-mode consistency
  • Clear documentation and inline comments
  • Timeframe: 96 hours

Activity

  1. Achievers-sketch commented on Jul 28, 2026

    @Achievers-sketch

    @Achievers-sketch has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

    Experienced React/TypeScript frontend developer optimizing responsive image delivery with srcset, improving mobile performance, maintaining WCAG 2.1 AA accessibility, and ensuring comprehensive UI test coverage.

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

  2. drips-wave commented on Jul 28, 2026

    @drips-wave

    Congratulations, @Achievers-sketch! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on July 30, 2026.

    🧑‍💻 @Achievers-sketch: 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 🌊

  3. greatest0fallt1me commented on Jul 28, 2026

    @greatest0fallt1me
    ContributorAuthor

    You've got this one, @Achievers-sketch. Discord community: https://discord.gg/WC53JxDqx

  4. grantfox-oss commented on Jul 29, 2026

    @grantfox-oss

    🎉 This issue has been marked as completed on GrantFox as part of the Official Campaign | FWC26 campaign!

    @Achievers-sketch's PR #824 was approved and merged by @greatest0fallt1me.

    🏆 @Achievers-sketch: You earned 35 FoxPoints for this contribution! Your current tier: Explorer (869 total points). Track your full progress on GrantFox.

    👏 Great work, @Achievers-sketch! Keep contributing to CalloraOrg.

  5. drips-wave commented on Jul 29, 2026

    @drips-wave

    This issue has been completed by @Achievers-sketch as part of the Stellar Wave Program's 7th Wave 🥳

    😎 @Achievers-sketch: You earned 100 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. You can also Leave a review to share your experience working on this issue.

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Labels

GrantFox OSSGrantFox campaign issueMaybe RewardedPotentially reward-eligibleOfficial Campaign | FWC26Official GrantFox FWC26 campaign issueStellar WaveStellar Wave Program issueui/uxUI/UX design, usability, and visual polish

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions