Commit Graph

20 Commits

Author SHA1 Message Date
zdl
5d8ad5e442 feat: bugfix 2025-10-31 10:33:53 +08:00
zdl
5236976307 fix(EventList): 删除重复的 Toast 通知,统一使用右下角通知卡片
**问题描述**
新事件推送时显示两种通知:
1.  左侧顶部绿色 Toast(重复多次)
2.  右下角通知卡片(NotificationContainer)

用户反馈:只需要右下角通知卡片,不需要 Toast 提示

**修复内容**

删除 EventList.js 中的 Chakra UI Toast 通知代码(13 行):

```diff
- console.log('[EventList DEBUG] 准备显示 Toast 通知');
- // 显示 Toast 通知 - 更明显的配置
- const toastId = toast({
-     title: '🔔 新事件发布',
-     description: event.title,
-     status: 'success',
-     duration: 8000,
-     isClosable: true,
-     position: 'top',
-     variant: 'solid',
- });
- console.log('[EventList DEBUG] ✓ Toast 通知已调用,ID:', toastId);
```

**保留的通知能力**
-  右下角通知卡片(NotificationContainer)
-  浏览器原生通知(需用户授权)
-  事件列表实时更新
-  PostHog 埋点追踪

**验证**
刷新页面后,新事件推送时:
-  不再显示左侧 Toast
-  只显示右下角通知卡片

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-30 18:39:47 +08:00
zdl
a9e30d4eb9 feat: 修复 EventList.js 缺少 Tooltip 导入的错误 2025-10-30 12:24:12 +08:00
zdl
4a0194e26c feat: 重构主组件
│ │
│ │ -  移除 renderPriceChange 函数(60行)                                                                                          │ │
│ │ -  移除 renderCompactEvent 函数(200行)                                                                                        │ │
│ │ -  移除 renderDetailedEvent 函数(300行)                                                                                       │ │
│ │ -  移除 expandedDescriptions state                                                                                              │ │
│ │ -  精简 Chakra UI 导入                                                                                                          │ │
│ │ -  使用 EventCard 组件统一渲染                                                                                                  │ │
│ │ -  保留所有业务逻辑(WebSocket、通知、关注)
2025-10-30 12:15:55 +08:00
zdl
57a7d3b9e7 feat: 拆分 EventList.js/提取价格相关工具函数到 utils/priceFormatters.js 2025-10-30 11:13:09 +08:00
zdl
f072256021 feat(EventList): 重构渲染和UI - 精简/详细模式优化、推送控制、描述展开
**主要变更**:

1. **渲染函数重构**:
   - 重写 renderCompactEvent:标题2行+标签内联+按钮右侧布局
   - 重写 renderDetailedEvent:标题+优先级+统计+价格标签+时间作者
   - 添加 getTimelineBoxStyle 函数统一时间轴样式
   - renderCompactEvent 支持隔行变色(index % 2)

2. **顶部控制栏全面升级**:
   - 改为 sticky 定位,全宽白色背景
   - 左侧占位,中间嵌入分页器,右侧控制按钮
   - 新增桌面推送开关(使用 handlePushToggle)
   - WebSocket 状态简化为 🟢实时/🔴离线
   - 精简模式切换改为 xs 尺寸

3. **描述展开/收起功能**:
   - 详细模式支持长描述(>120字符)展开/收起
   - 使用 expandedDescriptions 状态管理
   - noOfLines 动态切换

4. **统一时间格式**:
   - 所有时间显示统一为 YYYY-MM-DD HH:mm

**效果**:
- 精简模式更紧凑,信息密度更高
- 详细模式布局更清晰,价格标签更易读
- 顶部控制栏功能集中,操作更便捷
- 推送权限管理可视化

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-27 17:46:13 +08:00
zdl
0e3bdc9b8c feat(EventList): 功能增强 - 集成NotificationContext和添加动画
**主要变更**:

1. **集成NotificationContext**:
   - 引入 useNotification hook,替代本地通知权限状态
   - 删除本地 notificationPermission 状态和 useEffect
   - 使用 browserPermission 和 requestBrowserPermission
   - 添加 handlePushToggle 函数处理推送开关切换

2. **添加动画支持**:
   - 从 @emotion/react 引入 keyframes
   - 定义 pulseAnimation 脉冲动画(用于S/A级重要性标签)

3. **添加描述展开状态**:
   - 新增 expandedDescriptions 状态管理

**效果**:
- 推送权限管理更集中统一
- 支持动画效果增强视觉体验
- 为后续UI优化做准备

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-27 17:40:51 +08:00
zdl
5e4c4e7cea feat(EventList): UI优化 - 简化标签文字和调整顶部间距
**改进内容**:
1. 简化涨跌幅标签文字
   - 平均涨幅 → 平均
   - 最大涨幅 → 最大
   - 周涨幅 → 周

2. 调整顶部间距
   - 移除顶部padding (py={8} → pb={8})
   - 控制栏紧贴页面顶部

**效果**: 节省显示空间,标签更简洁,顶部无留白

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-27 17:36:28 +08:00
16d04a6d28 调整socket对应的浏览器通知处理逻辑 2025-10-24 14:22:30 +08:00
zdl
f0d30244d2 feat: 添加重要性等级说明 2025-10-24 12:25:23 +08:00
zdl
30520542c8 Merge branch 'feature' of https://git.valuefrontier.cn/vf/vf_react into feature 2025-10-23 11:22:36 +08:00
zdl
035bb9a66d feat: 补充翻页功能 2025-10-23 11:22:07 +08:00
37eba48906 update /api/events/<int:event_id>/stocks resp format 2025-10-23 10:09:24 +08:00
0b1591c3dd update /api/events/<int:event_id>/stocks resp format 2025-10-23 08:18:13 +08:00
zdl
09c9273190 feat: sockt 弹窗功能添加 2025-10-21 17:50:21 +08:00
zdl
6c96299b8f feat: 添加合规 2025-10-20 21:25:33 +08:00
zdl
87b77af187 feat:Community 组件 (2个文件,8个console)
- EventDetailModal.js - 2个
  - InvestmentCalendar.js - 6个

  EventDetail 组件 (5个文件,54个console)

  - TransmissionChainAnalysis.js - 43个 ⚠️ 最复杂
  - RelatedConcepts.js - 14个
  - LimitAnalyse.js - 5个 (保留2个toast)
  - RelatedStocks.js - 3个 (保留4个toast)
  - HistoricalEvents.js - 1个

  StockChart 组件 (1个文件,4个console)
2025-10-18 10:23:23 +08:00
zdl
495ad758ea feat: 10.10线上最新代码提交 2025-10-11 16:16:02 +08:00
4d0dc109bc updated 2025-10-11 12:10:00 +08:00
8107dee8d3 Initial commit 2025-10-11 12:02:01 +08:00