返回 Web3 笔记
Day 37

Day 37:Whale 监控看板(续)— 汇总卡片与告警规则

在 Day 36 基础上增加汇总统计卡片、告警规则说明,并将监控列表抽离为可配置数据层

2025-02-16
Web3WhaleDashboard风控Day37Week5

Day 37: Whale 监控看板(续)— 汇总卡片与告警规则

今日目标

完成三件事:

  1. 在表格上方增加汇总统计卡片(监控地址数、监控总 TVL、P0/P1 告警数)。
  2. 在看板中展示告警规则说明(与 Day 35 方案一致),便于团队理解。
  3. 将监控列表抽离到 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 或服务端拉取后注入。

今日执行清单

  • 新增 WhaleSummaryCardswhaleWatchlist.ts
  • 在看板说明中增加 P0/P1 告警规则
  • WhaleMonitor 使用统一 watchlist,底部注明数据源路径
  • 页头副标题更新为 Day 36–37

面试表达(30 秒)

Day 37 在 Whale 看板上做了续做:加了汇总卡片(监控地址数、总 TVL、P0/P1 数量)和告警规则说明,并把监控列表抽到独立常量文件,方便以后接 Dune 或 Arkham 的 API。这样看板既能一眼看到整体风险,又具备可扩展的数据层。


明日预告

Day 38:空投机制设计(快照/Merkle 树),查看 3 个空投合约,产出空投方案模板。