修复钱包页面刷新时显示错误余额数据的问题

[wans10]

问题现象
在钱包管理页面刷新时，账户的统计数据（当前余额、历史消耗、请求次数）会短暂显示错误的数值或 NaN，随后才恢复正常。

原因分析
TopUp 组件的 useEffect 逻辑中存在优化判断：当检测到 userState?.user?.id 存在时会跳过 getUserQuota() 的 API 调用。 然而，页面刷新时 PageLayout 会优先从 localStorage 加载缓存的用户信息，这份缓存数据往往是过期的或缺少 quota 等动态字段，导致页面渲染了错误的数据。

解决方案
移除了 useEffect 中的条件判断，强制组件在挂载时始终调用 getUserQuota()，确保无论本地缓存状态如何，都能获取并显示最新的用户配额信息。

Summary by CodeRabbit

• Bug Fixes
  • Enhanced the top-up feature to reliably refresh user quota and balance information on component load, ensuring users always see current and accurate account details.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

Walkthrough

The top-up component's mount useEffect was modified to unconditionally fetch the latest user quota via getUserQuota(). Previously, it only fetched when user.id was absent. The change ensures up-to-date quota information loads every time the component mounts, with a Chinese comment noting the unconditional refresh requirement.

Changes

Cohort / File(s)	Summary
Top-up component useEffect web/src/components/topup/index.jsx	Modified mount effect to unconditionally call getUserQuota() instead of conditionally fetching only when user absent. Added explanatory Chinese comment.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Suggested reviewers

• seefs001

Poem

🐰 Fresh quota awaits each hop and bound,
No more waiting—unconditional sound!
The carrot data flows without delay,
Always fresh from mount to day! 🥕✨

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The PR title in Chinese describes fixing incorrect balance data display when refreshing the wallet page, which directly corresponds to the main change: making useEffect unconditionally fetch the latest user quota.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}