mirror of
https://github.com/iflytek/skillhub.git
synced 2026-08-28 11:25:00 +00:00
066bbc8f00
- Fixed language switcher to handle language codes with region (zh-CN -> zh) - Added translations for publish page, toast, and dialog components - Added i18n keys for all new UI text - Created TODO.md to track pending frontend improvements Pending tasks: - Complete i18n for all remaining components - Implement unified API error handling - Replace remaining alert/confirm calls
71 lines
1.8 KiB
Markdown
71 lines
1.8 KiB
Markdown
# SkillHub 前端待办事项
|
|
|
|
## 高优先级
|
|
|
|
### 1. i18n 语言切换 Bug
|
|
- **问题**: 切换到 English 没有反应
|
|
- **位置**: `src/shared/components/language-switcher.tsx`
|
|
- **需要检查**:
|
|
- i18next 配置是否正确
|
|
- 语言切换事件是否正确触发
|
|
- 翻译文件是否正确加载
|
|
|
|
### 2. 完善 i18n 支持
|
|
- **需要添加翻译的组件**:
|
|
- Toast 通知消息
|
|
- ConfirmDialog 对话框
|
|
- 发布页面的审核提示
|
|
- 审核详情页面
|
|
- Token 管理页面
|
|
- 所有新增的 UI 文本
|
|
|
|
### 3. 统一异常处理
|
|
- **需求**: 为所有 API 调用添加统一的错误处理
|
|
- **实现方案**:
|
|
- 创建 API 拦截器
|
|
- 自动显示错误 toast
|
|
- 处理 401/403 等特殊状态码
|
|
- 统一错误消息格式
|
|
|
|
### 4. 完善 Toast 通知
|
|
- **需要替换的地方**:
|
|
- 所有剩余的 `alert()` 调用
|
|
- 所有剩余的 `window.confirm()` 调用
|
|
- 添加加载状态的 toast
|
|
- 添加 promise toast 用于异步操作
|
|
|
|
## 中优先级
|
|
|
|
### 5. 审核详情页对话框
|
|
- **位置**: `src/pages/dashboard/review-detail.tsx`
|
|
- **需要**: 完成 ConfirmDialog 的集成
|
|
- **状态**: 部分完成，需要添加对话框到 JSX
|
|
|
|
### 6. 错误边界
|
|
- **需求**: 添加 React Error Boundary
|
|
- **功能**: 捕获组件错误并显示友好提示
|
|
|
|
### 7. 加载状态优化
|
|
- **需求**: 统一加载状态的显示
|
|
- **实现**: 创建全局加载组件
|
|
|
|
## 低优先级
|
|
|
|
### 8. 性能优化
|
|
- 代码分割
|
|
- 懒加载
|
|
- 图片优化
|
|
|
|
### 9. 可访问性
|
|
- ARIA 标签
|
|
- 键盘导航
|
|
- 屏幕阅读器支持
|
|
|
|
## 已完成
|
|
|
|
- ✅ 创建 Toast 通知系统
|
|
- ✅ 创建 ConfirmDialog 组件
|
|
- ✅ 发布页面添加审核提示
|
|
- ✅ Token 列表使用 SPA 对话框
|
|
- ✅ 发布页面使用 Toast 通知
|
|
- ✅ 为用户添加 SKILL_ADMIN 角色
|