Skip to content

feat: implement Stellar asset balance card grid with token conversion summary - #95

Merged
Cjay-Cyber-2 merged 2 commits into
ASTROIDX556:mainfrom
feyibosslady:implementing_asset_balance_card_grid
Sep 1, 2026
Merged

feat: implement Stellar asset balance card grid with token conversion summary#95
Cjay-Cyber-2 merged 2 commits into
ASTROIDX556:mainfrom
feyibosslady:implementing_asset_balance_card_grid

Conversation

@feyibosslady

Copy link
Copy Markdown

Summary

Implements a responsive Stellar asset balance card grid with token conversion summaries, addressing the need for a clear overview of multi-asset balances (XLM, USDC, custom tokens).

Changes

  • **** — Type definitions for , , and
  • **** — Mock data with XLM, USDC, EURC, ASTRO tokens and realistic values
  • **** — Individual asset card component displaying token ticker, balance amount, and USD equivalent estimation
  • **** — Responsive card grid with total wallet value header, loading skeleton, and empty state
  • **** — Barrel exports for the wallet feature

Key Features

  • Responsive grid layout () for all viewport widths
  • Token-specific color coding (XLM=info, USDC=success, EURC=gold, ASTRO=warning)
  • USD equivalent estimation on each card
  • Total portfolio value with relative timestamp
  • Graceful loading state with shimmer skeleton
  • Empty wallet state with descriptive messaging
  • Uses design tokens from and existing / components

Acceptance Criteria

  • Build
  • Display individual asset cards with token ticker, balance amount, and USD equivalent estimation
  • Style using design tokens from with responsive grid layouts
  • Handle missing asset metadata or zero balances cleanly
  • Run

astroid-web@1.0.0 typecheck
tsc --noEmit

src/app/(dashboard)/transactions/page.tsx(15,7): error TS6133: 'columns' is declared but its value is never read.
src/app/(dashboard)/transactions/page.tsx(15,16): error TS2304: Cannot find name 'Column'.
src/app/(dashboard)/transactions/page.tsx(15,23): error TS2552: Cannot find name 'Transaction'. Did you mean 'IDBTransaction'?
src/app/(dashboard)/transactions/page.tsx(18,12): error TS7006: Parameter 't' implicitly has an 'any' type.
src/app/(dashboard)/transactions/page.tsx(22,12): error TS2304: Cannot find name 'truncateHash'.
src/app/(dashboard)/transactions/page.tsx(30,12): error TS7006: Parameter 't' implicitly has an 'any' type.
src/app/(dashboard)/transactions/page.tsx(35,12): error TS7006: Parameter 't' implicitly has an 'any' type.
src/app/(dashboard)/transactions/page.tsx(42,12): error TS7006: Parameter 't' implicitly has an 'any' type.
src/app/(dashboard)/transactions/page.tsx(44,31): error TS2304: Cannot find name 'ArrowUpRight'.
src/app/(dashboard)/transactions/page.tsx(44,46): error TS2304: Cannot find name 'ArrowDownLeft'.
src/app/(dashboard)/transactions/page.tsx(53,12): error TS2304: Cannot find name 'formatCurrency'.
src/app/(dashboard)/transactions/page.tsx(60,12): error TS7006: Parameter 't' implicitly has an 'any' type.
src/app/(dashboard)/transactions/page.tsx(61,17): error TS2304: Cannot find name 'transactionStatus'.
src/app/(dashboard)/transactions/page.tsx(63,10): error TS2304: Cannot find name 'Badge'.
src/app/(dashboard)/transactions/page.tsx(65,11): error TS2304: Cannot find name 'Badge'.
src/app/(dashboard)/transactions/page.tsx(72,12): error TS7006: Parameter 't' implicitly has an 'any' type.
src/app/(dashboard)/transactions/page.tsx(72,19): error TS2304: Cannot find name 'RiskBadge'.
src/app/(dashboard)/transactions/page.tsx(78,12): error TS7006: Parameter 't' implicitly has an 'any' type.
src/app/(dashboard)/transactions/page.tsx(80,10): error TS2304: Cannot find name 'formatRelativeTime'. successfully (no new errors introduced)

Closes #61

… summary

- Create types for AssetBalance and WalletSummary
- Add mock data with XLM, USDC, EURC, ASTRO tokens
- Build AssetCard component showing ticker, balance, and USD equivalent
- Build AssetBalanceGrid with responsive card grid layout
- Handle loading and empty wallet states gracefully
- Use design tokens from tokens.css with responsive grid
- Export barrel for wallet feature

Closes ASTROIDX556#61
@vercel

vercel Bot commented Aug 31, 2026

Copy link
Copy Markdown

@feyibosslady is attempting to deploy a commit to the Cjay's projects Team on Vercel.

A member of the Team first needs to authorize it.

@drips-wave

drips-wave Bot commented Aug 31, 2026

Copy link
Copy Markdown

@feyibosslady Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@mergekeeper

mergekeeper Bot commented Aug 31, 2026

Copy link
Copy Markdown

MergeKeeper review

Scope: in scope for linked issue #61.
Verdict: clean

Successfully implemented the Stellar asset balance card grid and components in src/features/wallet/ matching all issue requirements.

Reviewed commit: b47755b69f7004948a57bcebcdb7eca71abed13a.
CI and merge eligibility are checked separately.

@mergekeeper

mergekeeper Bot commented Aug 31, 2026

Copy link
Copy Markdown

MergeKeeper merge status

Status: blocked
PR state: closed
Mergeability: unknown
Checked commit: b47755b69f7004948a57bcebcdb7eca71abed13a.

Reason: One or more required CI checks failed.

Failing checks:

Next steps:

  1. Open the failing check details above and fix the reported error.
  2. Run the same checks locally where possible.
  3. Commit and push the fix.
  4. MergeKeeper will automatically re-review the updated PR.

@Cjay-Cyber-2
Cjay-Cyber-2 merged commit 5d68495 into ASTROIDX556:main Sep 1, 2026
0 of 2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

feat: implement Stellar asset balance card grid with token conversion summary

2 participants