diff --git a/app/settings/profile/page.tsx b/app/settings/profile/page.tsx index 8849170..7a15e4b 100644 --- a/app/settings/profile/page.tsx +++ b/app/settings/profile/page.tsx @@ -1,8 +1,222 @@ +"use client"; + +import { type Pet } from "@/interfaces/pet"; +import { pets } from "@/placeholder/pets"; +import { UserCircle } from "lucide-react"; +import { useRouter } from "next/navigation"; +import { useForm } from "react-hook-form"; + +import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"; +import { Button } from "@/components/ui/button"; +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"; +import { Form, FormControl, FormField, FormItem, FormLabel } from "@/components/ui/form"; +import { Input } from "@/components/ui/input"; +import { Select, SelectContent, SelectItem, SelectTrigger } from "@/components/ui/select"; +import { Textarea } from "@/components/ui/textarea"; + export default function ProfileSettingsPage() { + const pet = pets[0]; + + const router = useRouter(); + + const form = useForm({ + defaultValues: { + name: pet.name, + type: pet.type, + age: pet.age, + price: pet.price, + description: pet.description, + personality: pet.personality, + status: pet.status + } + }); + + const petTypes: Record = { + dog: "Perro", + cat: "Gato", + bird: "Ave", + other: "Otro" + }; + + const petStatuses: Record = { + adoption: "En adopción", + sale: "En venta" + }; + + function onSubmit() {} + return ( - <> -

Profile Settings

-

Profile settings page content

- +
+

Configuración del Perfil

+ + + Información de tu perfil + Actualiza tus datos personales y cómo te ven los demás en la plataforma. + + +
+ +
+ + + + + + +
+ + +
+
+
+ ( + + Nombre + + + + + )} + /> + { + return ( + + Tipo de Mascota + + + ); + }} + /> +
+
+ ( + + Edad + + + + + )} + /> + ( + + Precio + + + + + )} + /> +
+
+ ( + + Personalidad + + + + + )} + /> + { + return ( + + Estado + + + ); + }} + /> +
+ ( + + Descripción + +