feat: persist just first name and trim to render just first name in c…

…ase full name already in db
pedrolivaresanchez · Nov 7, 2024 · aeb8c91 · aeb8c91
1 parent 2df42e7
commit aeb8c91
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/app/solicitar-ayuda/_components/Form/FormContainer.tsx b/src/app/solicitar-ayuda/_components/Form/FormContainer.tsx
@@ -33,7 +33,7 @@ export function FormContainer() {
   const session = useSession();
 
   const [formData, setFormData] = useState<FormData>({
-    nombre: session?.user?.user_metadata?.full_name || '',
+    nombre: session?.user?.user_metadata?.full_name.split(" ")[0]|| '',
     ubicacion: '',
     coordinates: null,
     tiposDeAyuda: new Map(TIPOS_DE_AYUDA.map(({ id }) => [id, false])),
@@ -91,7 +91,7 @@ export function FormContainer() {
       try {
         const helpRequestData: Database['public']['Tables']['help_requests']['Insert'] = {
           type: 'necesita',
-          name: formData.nombre,
+          name: formData.nombre.split(" ")[0],
           location: formData.ubicacion,
           latitude: formData.coordinates ? parseFloat(formData.coordinates.lat) : null,
           longitude: formData.coordinates ? parseFloat(formData.coordinates.lng) : null,

diff --git a/src/app/solicitar-ayuda/_components/Form/FormRenderer.tsx b/src/app/solicitar-ayuda/_components/Form/FormRenderer.tsx
@@ -61,7 +61,7 @@ export function FormRenderer({
         <form onSubmit={handleSubmit} className="space-y-6">
           <div className="grid md:grid-cols-2 gap-4">
             <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Nombre completo</label>
+              <label className="block text-sm font-medium text-gray-700 mb-1">Nombre</label>
               <input
                 type="text"
                 name="nombre"

diff --git a/src/components/SolicitudCard.tsx b/src/components/SolicitudCard.tsx
@@ -160,7 +160,7 @@ export default function SolicitudCard({
             </svg>
           </div>
           <div className="flex-auto">
-            <div className="text-lg font-medium">{caso.name || 'Necesita Ayuda'}</div>
+            <div className="text-lg font-medium">{caso?.name?.split(" ")[0] || 'Necesita Ayuda'}</div>
             <span className="text-gray-500">
               {new Date(caso.created_at!).toLocaleDateString() +
                 ' ' +