mirror of
https://github.com/luxfi/mpc.git
synced 2026-09-24 00:26:24 +00:00
zeekay
6b38df60a4
Complete MPC wallet management platform rivaling Fireblocks/Utila/Fordefi: Backend (Go): - REST API with 60+ endpoints on chi router (pkg/api/) - PostgreSQL schema with 13 tables (pkg/db/) - JWT + MFA auth, bcrypt passwords, API key management - Policy engine (deny/approve/require_approval) - Transaction signing flow with approval workflow - Subscription scheduler for recurring payments - Payment requests with public pay pages - Safe + ERC-4337 smart wallet integration (pkg/smart/) - Rate limiting, webhook delivery (HMAC-SHA256), audit logging - 27 passing tests (auth, policy engine, middleware) Frontend (Next.js 14): - 27 routes with monochrome dark theme (Tailwind + Geist fonts) - Full API client with JWT auto-refresh - React Query hooks for all resources - Pages: dashboard, vaults, wallets, transactions, policies, whitelist, team, settings, API keys, webhooks, audit, subscriptions, payments, smart wallets Infrastructure: - Dockerfiles for API (Go) and dashboard (Next.js standalone) - compose.yml for local development (PostgreSQL + API + dashboard) - K8s manifests for mpc.lux.network + cloud.lux.network - GitHub Actions deploy workflow (build → push GHCR → kubectl apply) - TLS via cert-manager, Traefik IngressRoute for both domains
57 lines
1.3 KiB
TypeScript
57 lines
1.3 KiB
TypeScript
export interface Balance {
|
|
chain: string
|
|
token: string
|
|
amount: string
|
|
usdValue?: string
|
|
}
|
|
|
|
export interface BalanceDisplayProps {
|
|
balances: Balance[]
|
|
loading?: boolean
|
|
}
|
|
|
|
export function BalanceDisplay({ balances, loading = false }: BalanceDisplayProps) {
|
|
if (loading) {
|
|
return (
|
|
<div className="space-y-2">
|
|
{[0, 1, 2].map((i) => (
|
|
<div
|
|
key={i}
|
|
className="h-10 animate-pulse rounded-md bg-muted"
|
|
/>
|
|
))}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
if (balances.length === 0) {
|
|
return (
|
|
<p className="text-sm text-muted-foreground">No balances found.</p>
|
|
)
|
|
}
|
|
|
|
return (
|
|
<div className="space-y-1">
|
|
{balances.map((b) => (
|
|
<div
|
|
key={`${b.chain}-${b.token}`}
|
|
className="flex items-center justify-between rounded-md px-3 py-2 text-sm hover:bg-muted/30"
|
|
>
|
|
<div>
|
|
<span className="font-medium">{b.token}</span>
|
|
<span className="ml-2 text-xs text-muted-foreground">{b.chain}</span>
|
|
</div>
|
|
<div className="text-right">
|
|
<span className="font-mono">{b.amount}</span>
|
|
{b.usdValue && (
|
|
<span className="ml-2 text-xs text-muted-foreground">
|
|
${b.usdValue}
|
|
</span>
|
|
)}
|
|
</div>
|
|
</div>
|
|
))}
|
|
</div>
|
|
)
|
|
}
|