Dashboard (Overview)

🧭 Purpose:

Give a connected user a personalized snapshot of:

  • Token holdings (BLTBY + EQTBLT)

  • Membership status

  • Onboarding progress

  • Latest governance activity

  • Recent transactions


🧩 Component Breakdown

Section
Component

Hero Header

RoleBadgeDisplay + user wallet

Token Overview

BLTBYBalanceCard, EQTBLTBalanceCard

Membership Status

MembershipNFTCard

Onboarding

OnboardingStatusCard

Governance

ProposalList (limit 3)

Transactions

TokenTransactionTable


🖼️ Layout Structure (Wireframe View)

+---------------------------------------------+
| Hello, [User] (wallet) [RoleBadgeDisplay]   |
+---------------------------------------------+

[ Row 1: Token Stats ]
+-----------------+ +------------------+ +-------------------+
| BLTBY Balance   | | EQTBLT Balance   | | Membership NFT     |
+-----------------+ +------------------+ +-------------------+

[ Row 2: Onboarding + Proposals ]
+-----------------------------+ +---------------------------+
| OnboardingStatusCard        | | ProposalList (Top 3)      |
+-----------------------------+ +---------------------------+

[ Row 3: Transaction History ]
+-----------------------------------------------------------+
| TokenTransactionTable                                     |
+-----------------------------------------------------------+

🧩 Props & State Ideas (per component)

  • BLTBYBalanceCard({ address })

  • MembershipNFTCard({ nftId })

  • ProposalList({ limit: 3 })

  • OnboardingStatusCard({ userId })

  • TokenTransactionTable({ address, limit: 5 })

Last updated