Files
mpc/dashboard/lib/hooks/use-transactions.ts
zeekay 6b38df60a4 feat: MPC wallet dashboard - full-stack implementation
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
2025-12-27 13:11:38 -08:00

56 lines
1.5 KiB
TypeScript

'use client'
import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
import { api } from '@/lib/api'
import type { TransactionFilters, CreateTransactionRequest, RejectTransactionRequest } from '@/lib/types'
const TX_KEY = ['transactions'] as const
export function useTransactions(filters?: TransactionFilters) {
return useQuery({
queryKey: [...TX_KEY, filters ?? {}],
queryFn: () => api.listTransactions(filters),
})
}
export function useTransaction(id: string) {
return useQuery({
queryKey: [...TX_KEY, id],
queryFn: () => api.getTransaction(id),
enabled: !!id,
})
}
export function useCreateTransaction() {
const qc = useQueryClient()
return useMutation({
mutationFn: (req: CreateTransactionRequest) => api.createTransaction(req),
onSuccess: () => {
qc.invalidateQueries({ queryKey: TX_KEY })
},
})
}
export function useApproveTransaction() {
const qc = useQueryClient()
return useMutation({
mutationFn: (id: string) => api.approveTransaction(id),
onSuccess: (_data, id) => {
qc.invalidateQueries({ queryKey: TX_KEY })
qc.invalidateQueries({ queryKey: [...TX_KEY, id] })
},
})
}
export function useRejectTransaction() {
const qc = useQueryClient()
return useMutation({
mutationFn: ({ id, ...req }: RejectTransactionRequest & { id: string }) =>
api.rejectTransaction(id, req),
onSuccess: (_data, variables) => {
qc.invalidateQueries({ queryKey: TX_KEY })
qc.invalidateQueries({ queryKey: [...TX_KEY, variables.id] })
},
})
}