From c919bb737fc8e3eee3af8594569d12c6d50d31e8 Mon Sep 17 00:00:00 2001
From: Lizandro Guarnizo <77708265+lizandrogd@users.noreply.github.com>
Date: Sat, 27 Jun 2026 19:19:52 -0500
Subject: [PATCH] =?UTF-8?q?fix:=20reemplazar=20Textarea=20(no=20existe)=20?=
 =?UTF-8?q?con=20textarea=20nativo=20en=20p=C3=A1gina=20sugerencias?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 admin/src/app/sugerencias/page.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/admin/src/app/sugerencias/page.tsx b/admin/src/app/sugerencias/page.tsx
index 7ea71ea..8d9e469 100644
--- a/admin/src/app/sugerencias/page.tsx
+++ b/admin/src/app/sugerencias/page.tsx
@@ -5,8 +5,6 @@ import { api } from '@/lib/api';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent, CardHeader, CardTitle, CardDescription } from '@/components/ui/card';
 import { Input } from '@/components/ui/input';
-import { Label } from '@/components/ui/label';
-import { Textarea } from '@/components/ui/textarea';
 import { MessageSquarePlus, CheckCircle2 } from 'lucide-react';
 
 export default function SugerenciasPage() {
@@ -64,7 +62,7 @@ export default function SugerenciasPage() {
           ) : (
             <form onSubmit={handleSubmit} className="space-y-4 pt-2">
               <div className="space-y-1.5">
-                <Label htmlFor="name">Nombre (opcional)</Label>
+                <label htmlFor="name" className="text-sm font-medium">Nombre (opcional)</label>
                 <Input
                   id="name"
                   placeholder="Tu nombre"
@@ -73,14 +71,17 @@ export default function SugerenciasPage() {
                 />
               </div>
               <div className="space-y-1.5">
-                <Label htmlFor="message">Sugerencia <span className="text-red-500">*</span></Label>
-                <Textarea
+                <label htmlFor="message" className="text-sm font-medium">
+                  Sugerencia <span className="text-red-500">*</span>
+                </label>
+                <textarea
                   id="message"
                   placeholder="Cuéntanos qué podemos mejorar..."
                   rows={5}
                   value={message}
                   onChange={(e) => setMessage(e.target.value)}
                   required
+                  className="w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-sm outline-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50 placeholder:text-muted-foreground resize-none"
                 />
               </div>
               {error && <p className="text-sm text-red-600">{error}</p>}