Your NameandClaude Sonnet 5
8a593f50c3
readMutation.mutate()此前只挂在"查看XXX"跳转按钮的onClick上，而这个按钮只在 actionRoute()能解析出目标时才渲染——好友申请已通过/拒绝、多数群聊动态类通知 根本没有可跳转目标，导致整张卡片没有任何东西可点，无论过多久都停留在"新"。 改为整张卡片本身是点击目标：有action的card点击后标记已读+跳转，没有action的 只标记已读。原来的"查看…"跳转按钮改成纯文本span（它现在处于卡片自己的点击 区域内，再嵌一层可交互元素会构成非法的按钮嵌套/双重触发，与之前修过的收藏夹 语音播放器按钮嵌套是同一类问题）。 实机验证：一条"好友申请已处理"（无action）点击后"新"角标消失；一条"新的好友 申请"（有action）点击后正确标记已读且跳转到/contacts/requests，无回归。 Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
React + TypeScript + Vite
This template provides a minimal setup to get React working in Vite with HMR and some Oxlint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Oxc
- @vitejs/plugin-react-swc uses SWC
React Compiler
The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see this documentation.
Expanding the Oxlint configuration
If you are developing a production application, we recommend enabling type-aware lint rules by installing oxlint-tsgolint and editing .oxlintrc.json:
{
"$schema": "./node_modules/oxlint/configuration_schema.json",
"plugins": ["react", "typescript", "oxc"],
"options": {
"typeAware": true
},
"rules": {
"react/rules-of-hooks": "error",
"react/only-export-components": ["warn", { "allowConstantExport": true }]
}
}
See the Oxlint rules documentation for the full list of rules and categories.