safe-docs icon indicating copy to clipboard operation
safe-docs copied to clipboard

πŸš€ Connect Safe Dashboard to Onchain Data

Open thegoodeth12 opened this issue 7 months ago β€’ 2 comments

We need to upgrade the current static Safe Admin Dashboard to pull live onchain data using the Safe{Core} SDK. This will replace dummy values with real-time: β€’ βœ… Safe address info (owners, threshold) β€’ πŸ’° ETH and token balances β€’ πŸ“œ Transaction history β€’ 🌐 Network awareness (Ethereum, Arbitrum, etc.)

βΈ»

βœ… Tasks β€’ Install @safe-global/protocol-kit and ethers β€’ Replace config.js with dynamic fetch in dashboard.js β€’ Fetch Safe balance + owner data β€’ Populate UI sections with live info β€’ Add loading/error UI handling

βΈ»

πŸ”— References β€’ Safe Core SDK Docs β€’ Current Safe Address: 0xAfD5f60aA8eb4F488eAA0eF98c1C5B0645D9A0A0

βΈ»

Type: enhancement Priority: high Slack Integration: optional, for alerts

thegoodeth12 avatar Jul 24 '25 00:07 thegoodeth12

This commit enhances the static Safe Admin Dashboard with live data pulled from the blockchain.

πŸ” Features:

  • Integrated Safe Core Protocol Kit (@safe-global/protocol-kit) and ethers.js
  • Replaced hardcoded config with dynamic onchain fetch
  • Shows real Safe address, threshold, and owners
  • Fetches and displays ETH balances
  • Displays dummy transaction history (to be updated with real txs in the next version)

πŸ“¦ Files Changed:

  • index.html: updated scripts and layout
  • dashboard.js: added Safe SDK logic and ethers provider
  • Removed config.js (no longer needed)
  • package.json added (for completeness in case you later run locally)

Next up: transaction history from Safe Transaction Service + Slack notifications

thegoodeth12 avatar Jul 24 '25 00:07 thegoodeth12

feat: upgrade Safe Admin Dashboard to use live onchain data via Safe Core SDK

thegoodeth12 avatar Jul 24 '25 00:07 thegoodeth12