Files
smom-dbis-138/frontend-dapp/src/features/omnl-dashboard/DashboardStatCard.tsx
zaragoza444 4e047b9429
Some checks failed
CI/CD Pipeline / Solidity Contracts (push) Failing after 1m21s
CI/CD Pipeline / Security Scanning (push) Successful in 2m42s
CI/CD Pipeline / Lint and Format (push) Failing after 52s
CI/CD Pipeline / Terraform Validation (push) Failing after 28s
CI/CD Pipeline / Kubernetes Validation (push) Successful in 44s
Validation / validate-genesis (push) Successful in 31s
Validation / validate-terraform (push) Failing after 28s
Validation / validate-kubernetes (push) Failing after 12s
Validation / validate-smart-contracts (push) Failing after 12s
Validation / validate-security (push) Failing after 1m21s
Validation / validate-documentation (push) Failing after 20s
Verify Deployment / Verify Deployment (push) Failing after 1m20s
feat: clarify Central Bank and Office 24 dashboard layout
Add status banners, grouped money-supply sections, public portal links, and shared dashboard components for clearer operator views.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-28 16:19:56 -07:00

29 lines
642 B
TypeScript

type Accent = 'gold' | 'green' | 'blue' | 'neutral';
const ACCENT: Record<Accent, string> = {
blue: 'border-l-[#3861fb]',
green: 'border-l-[#0ecb81]',
gold: 'border-l-[#f0b90b]',
neutral: 'border-l-[#848e9c]',
};
export default function DashboardStatCard({
label,
value,
hint,
accent = 'neutral',
}: {
label: string;
value: string;
hint?: string;
accent?: Accent;
}) {
return (
<div className={`dash-card border-l-4 ${ACCENT[accent]}`}>
<p className="dash-stat-label">{label}</p>
<p className="dash-stat-value">{value}</p>
{hint && <p className="dash-stat-hint">{hint}</p>}
</div>
);
}