From 9ce5511ad8cc7ed09cd10f9fa4f5842def55e7e2 Mon Sep 17 00:00:00 2001
From: Jose Selesan <jose.selesan@solotechnologies.us>
Date: Thu, 4 Jun 2026 11:05:38 -0300
Subject: [PATCH] feat(dashboard): add Dolar Oficial (BNA) card to panel grid

---
 apps/frontend/src/features/dashboard/DashboardPage.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/frontend/src/features/dashboard/DashboardPage.tsx b/apps/frontend/src/features/dashboard/DashboardPage.tsx
index f33248f..6b6d58b 100644
--- a/apps/frontend/src/features/dashboard/DashboardPage.tsx
+++ b/apps/frontend/src/features/dashboard/DashboardPage.tsx
@@ -127,6 +127,7 @@ export function DashboardPage() {
 
   const belo = quotes?.find((q) => q.type === "BELO");
   const blue = quotes?.find((q) => q.type === "BLUE");
+  const bna = quotes?.find((q) => q.type === "BNA");
 
   const now = new Date();
   const { data: monthlyExpenses } = useMonthlyPayedTotal(
@@ -156,7 +157,7 @@ export function DashboardPage() {
           Actualizar
         </button>
       </div>
-      <div className="grid gap-4 md:grid-cols-4">
+      <div className="grid gap-4 md:grid-cols-4 lg:grid-cols-5">
         <div className="rounded-lg border p-4">
           <p className="text-sm text-muted-foreground">Pagos pendientes</p>
           <p className="text-2xl font-bold">
@@ -176,6 +177,7 @@ export function DashboardPage() {
           variant="minimal"
         />
         <QuoteCard quote={blue} title="BLUE" variant="minimal" />
+        <QuoteCard quote={bna} title="Dolar Oficial" variant="minimal" />
       </div>
       <DashboardExpensesTable />
     </div>