Skip to content

[Frontend] Add subtle tooltip warning in FiatEquivalent when token price feed is older than 5 minutes #1640

Description

@blurbeast

Overview

frontend/src/components/FiatEquivalent.tsx renders the USD value of a token amount using useTokenPrice.ts, but gives no indication if the cached price quote is stale due to offline or rate-limited price APIs.

Problem

  • Users viewing large stream values should know if the USD estimate is using a stale cached price rather than a fresh quote.

Proposed Changes

  1. Expose lastUpdatedAt from frontend/src/hooks/useTokenPrice.ts.
  2. In FiatEquivalent.tsx, if Date.now() - lastUpdatedAt > 5 * 60 * 1000, show an amber info indicator with a tooltip reading "Price estimate last updated X minutes ago".

Acceptance Criteria

  • Fresh quotes (< 5 minutes old) render normally without warning icons.
  • Stale quotes (> 5 minutes old) display a subtle indicator and accessible tooltip.
  • Gracefully handles null/missing price data.

Activity

  1. Amksongs commented on Oct 21, 2026

    @Amksongs

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

    Hello maintainer, i would like to work on this issue

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

  2. elizabethklien3-pixel commented on Oct 21, 2026

    @elizabethklien3-pixel

    @elizabethklien3-pixel has applied to work on this issue as part of the Stellar Wave Program's 10th wave.

    I would love to work on this issue professionally, please assign it to me

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

  3. stephaniepez21-art commented on Oct 21, 2026

    @stephaniepez21-art

    @stephaniepez21-art has applied to work on this issue as part of the Stellar Wave Program's 10th wave.

    Hello Maintainer, I can fix this please assign.

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

  4. Wittig18 commented on Oct 21, 2026

    @Wittig18

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

    hey maintainer, i would love to work on this

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

  5. rahmanabimbs commented on Oct 21, 2026

    @rahmanabimbs

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

    Hi, I will like to work on this issue

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

  6. drips-wave commented on Oct 21, 2026

    @drips-wave

    Congratulations, @rahmanabimbs! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on October 22, 2026.

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

  7. grantfox-oss commented on Oct 21, 2026

    @grantfox-oss

    🎉 This issue has been marked as completed on GrantFox!

    @rahmanabimbs's PR #1714 was approved and merged by @blurbeast.

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

    👏 Great work, @rahmanabimbs! Keep contributing to LabsCrypt.

  8. drips-wave commented on Oct 21, 2026

    @drips-wave

    This issue has been completed by @rahmanabimbs as part of the Stellar Wave Program's 10th Wave 🥳

    😎 @rahmanabimbs: You earned 200 Points for completing this issue! Once the Wave's rewards are finalized, 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

Assignees

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions