Day 37
Day 37:Whale 监控看板(续)— 汇总卡片与告警规则
在 Day 36 基础上增加汇总统计卡片、告警规则说明,并将监控列表抽离为可配置数据层
2025-02-16
Web3WhaleDashboard风控Day37Week5
Day 37: Whale 监控看板(续)— 汇总卡片与告警规则
今日目标
完成三件事:
- 在表格上方增加汇总统计卡片(监控地址数、监控总 TVL、P0/P1 告警数)。
- 在看板中展示告警规则说明(与 Day 35 方案一致),便于团队理解。
- 将监控列表抽离到
src/constants/whaleWatchlist.ts,为后续接入 API 预留可扩展结构。
开发实现摘要
1. 汇总统计卡片(WhaleSummaryCards)
- 路径:
src/components/WhaleSummaryCards.tsx - 指标:监控地址数、监控总 TVL、P1 预警数、P0 警报数;数据来自
getWhaleSummary(WHALE_WATCHLIST)。 - 展示:4 宫格卡片,与首页 Dashboard 风格一致;P0/P1 有告警时高亮(红/琥珀)。
2. 告警规则说明
- 位置:
app/whale/page.tsx看板说明区块内新增「告警规则(Day 35 方案)」。 - 内容:P1 预警(HF < 1.15)、P0 警报(单日多户同时 Withdraw)及对应动作说明。
3. 可配置数据层
src/constants/whaleWatchlist.ts:导出WhaleAddress类型、WHALE_WATCHLIST数组、getWhaleSummary(list)。WhaleMonitor:改为从whaleWatchlist引入WHALE_WATCHLIST,表格与汇总卡片共用同一数据源。- 扩展:后续可将
WHALE_WATCHLIST改为从 Dune/Arkham API 或服务端拉取后注入。
今日执行清单
- 新增
WhaleSummaryCards与whaleWatchlist.ts - 在看板说明中增加 P0/P1 告警规则
-
WhaleMonitor使用统一 watchlist,底部注明数据源路径 - 页头副标题更新为 Day 36–37
面试表达(30 秒)
Day 37 在 Whale 看板上做了续做:加了汇总卡片(监控地址数、总 TVL、P0/P1 数量)和告警规则说明,并把监控列表抽到独立常量文件,方便以后接 Dune 或 Arkham 的 API。这样看板既能一眼看到整体风险,又具备可扩展的数据层。
明日预告
Day 38:空投机制设计(快照/Merkle 树),查看 3 个空投合约,产出空投方案模板。