From 6429584c53e0e01704c5e09eecd072ef59863cfe Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Fri, 31 Oct 2025 10:09:56 -0600
Subject: [PATCH] =?UTF-8?q?Fix:=20Corregir=20interacci=C3=B3n=20y=20modal?=
 =?UTF-8?q?=20en=20MetabaseCardsTable?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Cambiar UDropdown por UDropdownMenu (componente correcto)
- Corregir evento @select para recibir ambos parámetros (row, event)
- Los botones de exportación ahora funcionarán correctamente
- El modal de resultados debería abrirse al ejecutar queries
---
 nuxt4-app/app/components/metabase/MetabaseCardsTable.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/nuxt4-app/app/components/metabase/MetabaseCardsTable.vue b/nuxt4-app/app/components/metabase/MetabaseCardsTable.vue
index 36c3a41..21f789f 100644
--- a/nuxt4-app/app/components/metabase/MetabaseCardsTable.vue
+++ b/nuxt4-app/app/components/metabase/MetabaseCardsTable.vue
@@ -28,7 +28,7 @@
       :data="filteredCards"
       :columns="columns"
       :loading="loading"
-      @select="(row) => selectCard(row.original)"
+      @select="(row, event) => selectCard(row.original)"
     />
 
     <!-- Results Modal -->
@@ -108,7 +108,7 @@ const emit = defineEmits<{
 
 const UButton = resolveComponent('UButton')
 const UBadge = resolveComponent('UBadge')
-const UDropdown = resolveComponent('UDropdown')
+const UDropdownMenu = resolveComponent('UDropdownMenu')
 
 const search = ref('')
 const selectedFilter = ref('all')
@@ -199,7 +199,7 @@ const columns = computed((): TableColumn<Record<string, any>>[] => [
           size: 'xs',
           label: 'Caché'
         }),
-        h(UDropdown, {
+        h(UDropdownMenu, {
           items: getExportItems(row.original)
         }, {
           default: () => h(UButton, {