From fd7ba42288c859336455a1f7f06aee3967090b78 Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Tue, 25 Nov 2025 01:26:09 -0600
Subject: [PATCH] Fix: correcciones de accesibilidad y tipo de fecha
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Agregar title y description a UModal de gestión de impresoras
- Agregar description a UDrawer de guardar template
- Corregir tipo de parámetro formatDate para aceptar string | number
---
 app/components/queue/Actions.vue          | 2 +-
 app/components/templates/TemplateCard.vue | 4 ++--
 app/pages/index.vue                       | 5 +----
 3 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/app/components/queue/Actions.vue b/app/components/queue/Actions.vue
index f04b556..28eae6b 100644
--- a/app/components/queue/Actions.vue
+++ b/app/components/queue/Actions.vue
@@ -89,7 +89,7 @@ async function saveAsTemplate() {
     </div>
 
     <!-- Drawer para guardar template -->
-    <UDrawer v-model:open="saveDrawerOpen" direction="bottom" title="Guardar como Template">
+    <UDrawer v-model:open="saveDrawerOpen" direction="bottom" title="Guardar como Template" description="Guardar la cola actual como template reutilizable">
       <template #body>
         <div class="space-y-4 p-4">
           <UFormField label="Nombre del template" required>
diff --git a/app/components/templates/TemplateCard.vue b/app/components/templates/TemplateCard.vue
index 697baa5..16e3f47 100644
--- a/app/components/templates/TemplateCard.vue
+++ b/app/components/templates/TemplateCard.vue
@@ -29,8 +29,8 @@ const menuItems = computed(() => [
   ]
 ])
 
-function formatDate(timestamp: number) {
-  return new Date(timestamp).toLocaleDateString('es-AR', {
+function formatDate(date: string | number) {
+  return new Date(date).toLocaleDateString('es-AR', {
     day: '2-digit',
     month: 'short',
     year: 'numeric'
diff --git a/app/pages/index.vue b/app/pages/index.vue
index f3b6235..9d74e92 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -85,10 +85,7 @@ onMounted(() => {
     <LayoutMobileNavigation v-model="activeTab" />
 
     <!-- Modal para gestionar impresoras (desktop) -->
-    <UModal v-model:open="showPrintersDrawer">
-      <template #header>
-        <h3 class="text-lg font-semibold">Gestión de Impresoras</h3>
-      </template>
+    <UModal v-model:open="showPrintersDrawer" title="Gestión de Impresoras" description="Configurar impresoras disponibles">
       <template #body>
         <PrintersList />
       </template>