From 140df57b9b4578ef17943770bde6238b4e8165b1 Mon Sep 17 00:00:00 2001
From: Pinx0 <plponce@gmail.com>
Date: Fri, 8 Nov 2024 11:13:03 +0100
Subject: [PATCH 1/7] refactor: add types

---
 .../casos-activos/{layout.js => layout.tsx}   |  3 +-
 src/app/casos-activos/mapa/page.tsx           |  2 +
 .../ofertas/{page.js => page.tsx}             | 42 ++++-----
 src/app/casos-activos/page.js                 |  6 --
 .../solicitudes/{page.js => page.tsx}         | 51 +++-------
 src/app/page.tsx                              |  2 +-
 src/app/punto-recogida/{page.js => page.tsx}  |  2 +
 src/app/puntos-entrega/{page.js => page.tsx}  | 41 +++++----
 src/app/solicitudes/page.tsx                  |  2 +
 src/app/voluntometro/{page.js => page.tsx}    | 85 +----------------
 src/components/Tab.tsx                        |  6 +-
 src/components/TabNavigation.tsx              | 12 +--
 src/components/auth/PhoneNumberDialog.tsx     | 35 +++----
 src/components/layout/Sidebar.tsx             |  2 +-
 src/context/ModalProvider.tsx                 |  6 +-
 src/helpers/format.js                         | 92 -------------------
 src/helpers/format.tsx                        | 38 ++++++++
 src/lib/service.ts                            | 69 ++++++++++++++
 src/lib/supabase/middleware.ts                |  5 -
 src/types/DataPoints.ts                       | 41 ++-------
 src/types/Markers.ts                          |  7 --
 src/types/common.ts                           |  5 -
 22 files changed, 207 insertions(+), 347 deletions(-)
 rename src/app/casos-activos/{layout.js => layout.tsx} (88%)
 rename src/app/casos-activos/ofertas/{page.js => page.tsx} (77%)
 delete mode 100644 src/app/casos-activos/page.js
 rename src/app/casos-activos/solicitudes/{page.js => page.tsx} (78%)
 rename src/app/punto-recogida/{page.js => page.tsx} (99%)
 rename src/app/puntos-entrega/{page.js => page.tsx} (92%)
 rename src/app/voluntometro/{page.js => page.tsx} (55%)
 delete mode 100644 src/helpers/format.js
 create mode 100644 src/helpers/format.tsx
 delete mode 100644 src/types/Markers.ts

diff --git a/src/app/casos-activos/layout.js b/src/app/casos-activos/layout.tsx
similarity index 88%
rename from src/app/casos-activos/layout.js
rename to src/app/casos-activos/layout.tsx
index b23c4515..4944cf4f 100644
--- a/src/app/casos-activos/layout.js
+++ b/src/app/casos-activos/layout.tsx
@@ -1,5 +1,6 @@
 import { supabase } from '@/lib/supabase/client';
 import TabNavigation from '@/components/TabNavigation';
+import { PropsWithChildren } from 'react';
 const getCount = async () => {
   const {
     data: solicitaData,
@@ -26,7 +27,7 @@ const getCount = async () => {
   };
 };
 
-export default async function CasosActivosLayout({ children }) {
+export default async function CasosActivosLayout({ children }: PropsWithChildren) {
   const count = await getCount();
   return (
     <>
diff --git a/src/app/casos-activos/mapa/page.tsx b/src/app/casos-activos/mapa/page.tsx
index 5aaea64f..1da79475 100644
--- a/src/app/casos-activos/mapa/page.tsx
+++ b/src/app/casos-activos/mapa/page.tsx
@@ -8,6 +8,8 @@ import { tiposAyudaOptions } from '@/helpers/constants';
 import Map, { PinMapa } from '@/components/map/map';
 import PickupPoint from '@/components/PickupPoint';
 
+export const dynamic = 'force-dynamic';
+
 export default function MapaPage() {
   return (
     <Suspense>
diff --git a/src/app/casos-activos/ofertas/page.js b/src/app/casos-activos/ofertas/page.tsx
similarity index 77%
rename from src/app/casos-activos/ofertas/page.js
rename to src/app/casos-activos/ofertas/page.tsx
index 3d7a58e7..d1b8f5de 100644
--- a/src/app/casos-activos/ofertas/page.js
+++ b/src/app/casos-activos/ofertas/page.tsx
@@ -1,13 +1,14 @@
 'use client';
 
 import { Suspense, useEffect, useState } from 'react';
-import { HeartHandshake } from 'lucide-react';
 import { supabase } from '@/lib/supabase/client';
 import Pagination from '@/components/Pagination';
 import { tiposAyudaOptions } from '@/helpers/constants';
 import { useRouter, useSearchParams } from 'next/navigation';
-import { useTowns } from '@/context/TownProvider';
 import OfferCard from '@/components/OfferCard';
+import { HelpRequestData } from '@/types/Requests';
+
+export const dynamic = 'force-dynamic';
 
 export default function OfertasPage() {
   return (
@@ -18,26 +19,25 @@ export default function OfertasPage() {
 }
 
 function Ofertas() {
-  const { towns } = useTowns();
   const searchParams = useSearchParams();
   const router = useRouter();
   const {} = router;
 
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState(null);
+  const [loading, setLoading] = useState<boolean>(true);
+  const [error, setError] = useState<string | null>(null);
 
-  const [data, setData] = useState([]);
-  const [currentPage, setCurrentPage] = useState(Number(searchParams.get('page')) || 1);
-  const [currentCount, setCurrentCount] = useState(0);
+  const [data, setData] = useState<HelpRequestData[]>([]);
+  const [currentPage, setCurrentPage] = useState<number>(Number(searchParams.get('page')) || 1);
+  const [currentCount, setCurrentCount] = useState<number>(0);
 
   const itemsPerPage = 10;
-  const numPages = (count) => {
+  const numPages = (count: number) => {
     return Math.ceil(count / itemsPerPage) || 0;
   };
 
-  const updateFilter = (filter, value) => {
+  const updateFilter = (filter: 'ayuda' | 'page', value: string | number) => {
     const params = new URLSearchParams(searchParams.toString());
-    params.set(filter, value);
+    params.set(filter, value.toString());
     router.push(`?${params.toString()}`);
   };
 
@@ -45,7 +45,7 @@ function Ofertas() {
     ayuda: searchParams.get('acepta') || 'todas',
   });
 
-  const changeDataFilter = (type, newFilter) => {
+  const changeDataFilter = (type: 'ayuda', newFilter: string) => {
     setFiltroData((prev) => ({
       ...prev,
       [type]: newFilter,
@@ -53,7 +53,7 @@ function Ofertas() {
     updateFilter(type, newFilter);
   };
 
-  function changePage(newPage) {
+  function changePage(newPage: number) {
     setCurrentPage(newPage);
     updateFilter('page', newPage);
   }
@@ -83,7 +83,7 @@ function Ofertas() {
           setData([]);
         } else {
           setData(data || []);
-          setCurrentCount(count);
+          setCurrentCount(count ?? 0);
         }
       } catch (err) {
         console.log('Error general:', err);
@@ -136,21 +136,11 @@ function Ofertas() {
         {data.length === 0 ? (
           <div className="bg-white rounded-lg shadow-lg border border-gray-300 text-center flex justify-center items-center p-10 flex-col gap-5">
             <p className="text-gray-700 text-lg font-medium">
-              No se encontraron solicitudes que coincidan con los filtros.
+              No se encontraron ofertas que coincidan con los filtros.
             </p>
-
-            <button
-              onClick={() => {
-                setShowModal(true);
-              }}
-              className="bg-green-500 text-white px-4 py-2 rounded hover:bg-green-600 flex items-center gap-2 whitespace-nowrap"
-            >
-              <HeartHandshake className="w-5 h-5" />
-              Ofrecer ayuda
-            </button>
           </div>
         ) : (
-          data.map((caso) => <OfferCard caso={caso} towns={towns} showLink={true} key={caso.id} />)
+          data.map((caso) => <OfferCard caso={caso} showLink={true} key={caso.id} />)
         )}
       </div>
       <div className="flex items-center justify-center">
diff --git a/src/app/casos-activos/page.js b/src/app/casos-activos/page.js
deleted file mode 100644
index bf9d287e..00000000
--- a/src/app/casos-activos/page.js
+++ /dev/null
@@ -1,6 +0,0 @@
-import CasosActivosLayout from './layout';
-import Solicitudes from './solicitudes/page';
-
-export default function CasosActivos() {
-  return <Solicitudes />;
-}
diff --git a/src/app/casos-activos/solicitudes/page.js b/src/app/casos-activos/solicitudes/page.tsx
similarity index 78%
rename from src/app/casos-activos/solicitudes/page.js
rename to src/app/casos-activos/solicitudes/page.tsx
index e1b8acf0..725493eb 100644
--- a/src/app/casos-activos/solicitudes/page.js
+++ b/src/app/casos-activos/solicitudes/page.tsx
@@ -1,18 +1,15 @@
 'use client';
 
 import { Suspense, useEffect, useState } from 'react';
-import { HeartHandshake } from 'lucide-react';
 import { supabase } from '@/lib/supabase/client';
 import SolicitudCard from '@/components/SolicitudCard';
 import Pagination from '@/components/Pagination';
-import OfferHelp from '@/components/OfferHelp';
 import { useRouter, useSearchParams } from 'next/navigation';
 import { tiposAyudaOptions } from '@/helpers/constants';
-import Modal from '@/components/Modal';
-import { useModal } from '@/context/ModalProvider';
 import { useTowns } from '@/context/TownProvider';
+import { HelpRequestData } from '@/types/Requests';
 
-const MODAL_NAME = 'solicitudes';
+export const dynamic = 'force-dynamic';
 
 export default function SolicitudesPage() {
   return (
@@ -23,29 +20,25 @@ export default function SolicitudesPage() {
 }
 
 function Solicitudes() {
-  const { getTownById, towns } = useTowns();
+  const { towns } = useTowns();
   const searchParams = useSearchParams();
   const router = useRouter();
 
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState(null);
+  const [loading, setLoading] = useState<boolean>(true);
+  const [error, setError] = useState<string | null>(null);
 
-  const [data, setData] = useState([]);
-  const [currentPage, setCurrentPage] = useState(Number(searchParams.get('page')) || 1);
-  const [currentCount, setCurrentCount] = useState(0);
-  const { toggleModal } = useModal();
+  const [data, setData] = useState<HelpRequestData[]>([]);
+  const [currentPage, setCurrentPage] = useState<number>(Number(searchParams.get('page')) || 1);
+  const [currentCount, setCurrentCount] = useState<number>(0);
 
-  const closeModal = () => {
-    toggleModal(MODAL_NAME, false);
-  };
   const itemsPerPage = 10;
-  const numPages = (count) => {
+  const numPages = (count: number) => {
     return Math.ceil(count / itemsPerPage) || 0;
   };
 
-  const updateFilter = (filter, value) => {
+  const updateFilter = (filter: 'urgencia' | 'tipoAyuda' | 'pueblo' | 'page', value: string | number) => {
     const params = new URLSearchParams(searchParams.toString());
-    params.set(filter, value);
+    params.set(filter, value.toString());
     router.push(`?${params.toString()}`);
   };
 
@@ -55,7 +48,7 @@ function Solicitudes() {
     pueblo: searchParams.get('pueblo') || 'todos',
   });
 
-  const changeDataFilter = (type, newFilter) => {
+  const changeDataFilter = (type: 'urgencia' | 'tipoAyuda' | 'pueblo', newFilter: string) => {
     setFiltroData((prev) => ({
       ...prev,
       [type]: newFilter,
@@ -63,7 +56,7 @@ function Solicitudes() {
     updateFilter(type, newFilter);
   };
 
-  function changePage(newPage) {
+  function changePage(newPage: number) {
     setCurrentPage(newPage);
     updateFilter('page', newPage);
   }
@@ -102,7 +95,7 @@ function Solicitudes() {
           setData([]);
         } else {
           setData(data || []);
-          setCurrentCount(count);
+          setCurrentCount(count ?? 0);
         }
       } catch (err) {
         console.log('Error general:', err);
@@ -131,8 +124,6 @@ function Solicitudes() {
     );
   }
 
-  const puebloSeleccionado = getTownById(Number(filtroData.pueblo));
-
   return (
     <>
       {/* FILTROS  */}
@@ -181,16 +172,6 @@ function Solicitudes() {
             <p className="text-gray-700 text-lg font-medium">
               No se encontraron solicitudes que coincidan con los filtros.
             </p>
-
-            <button
-              onClick={() => {
-                toggleModal(MODAL_NAME, true);
-              }}
-              className="bg-green-500 text-white px-4 py-2 rounded hover:bg-green-600 flex items-center gap-2 whitespace-nowrap"
-            >
-              <HeartHandshake className="w-5 h-5" />
-              Ofrecer ayuda {filtroData.pueblo === 'todos' ? '' : ' a ' + getTownById(Number(filtroData.pueblo))?.name}
-            </button>
           </div>
         ) : (
           data.map((caso) => <SolicitudCard showLink={true} showEdit={true} key={caso.id} caso={caso} />)
@@ -199,10 +180,6 @@ function Solicitudes() {
       <div className="flex items-center justify-center">
         <Pagination currentPage={currentPage} totalPages={numPages(currentCount)} onPageChange={changePage} />
       </div>
-
-      <Modal id={MODAL_NAME}>
-        <OfferHelp town={puebloSeleccionado?.name} onClose={closeModal} isModal={true} />
-      </Modal>
     </>
   );
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 17213357..6d4c2685 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -132,7 +132,7 @@ export default function Home() {
       title: 'Casos activos',
       description: 'Observa los casos activos',
       icon: AlertCircle,
-      path: '/casos-activos',
+      path: '/casos-activos/solicitudes',
       color: 'orange',
     },
     {
diff --git a/src/app/punto-recogida/page.js b/src/app/punto-recogida/page.tsx
similarity index 99%
rename from src/app/punto-recogida/page.js
rename to src/app/punto-recogida/page.tsx
index e61daec3..e862cd53 100644
--- a/src/app/punto-recogida/page.js
+++ b/src/app/punto-recogida/page.tsx
@@ -7,6 +7,8 @@ import AddressAutocomplete from '@/components/AddressAutocomplete';
 import { isValidPhone } from '@/helpers/utils';
 import { PhoneInput } from '@/components/PhoneInput';
 
+export const dynamic = 'force-dynamic';
+
 export default function PuntosRecogida() {
   const initialFormData = {
     name: '',
diff --git a/src/app/puntos-entrega/page.js b/src/app/puntos-entrega/page.tsx
similarity index 92%
rename from src/app/puntos-entrega/page.js
rename to src/app/puntos-entrega/page.tsx
index 10927da3..5ea18b2b 100644
--- a/src/app/puntos-entrega/page.js
+++ b/src/app/puntos-entrega/page.tsx
@@ -1,9 +1,10 @@
 'use client';
 
-import { useState, useEffect } from 'react';
+import { useState, useEffect, FormEvent } from 'react';
 import { supabase } from '@/lib/supabase/client';
 import { Truck, MapPin, Phone, Mail, Calendar, Package } from 'lucide-react';
 import AddressAutocomplete from '@/components/AddressAutocomplete';
+import { DeliveryPointData, DeliveryPointInsert, isCoordinates } from '@/types/DataPoints';
 
 export default function PuntosEntrega() {
   const initialFormData = {
@@ -21,12 +22,12 @@ export default function PuntosEntrega() {
     status: 'active',
   };
 
-  const [formData, setFormData] = useState(initialFormData);
+  const [formData, setFormData] = useState<DeliveryPointInsert>(initialFormData);
   const [showForm, setShowForm] = useState(false);
   const [loading, setLoading] = useState(false);
-  const [points, setPoints] = useState([]);
-  const [error, setError] = useState(null);
-  const [success, setSuccess] = useState(false);
+  const [points, setPoints] = useState<DeliveryPointData[]>([]);
+  const [error, setError] = useState<string | null>(null);
+  const [success, setSuccess] = useState<boolean>(false);
 
   const vehicleTypes = ['Camión grande (>3500kg)', 'Camión mediano', 'Furgoneta grande', 'Furgoneta mediana', 'Otro'];
 
@@ -51,13 +52,13 @@ export default function PuntosEntrega() {
     }
   }
 
-  async function handleSubmit(e) {
+  async function handleSubmit(e: FormEvent) {
     e.preventDefault();
     setLoading(true);
     setError(null);
 
     try {
-      const requiredFields = ['name', 'location', 'contact_phone'];
+      const requiredFields = ['name', 'location', 'contact_phone'] as const;
       const missingFields = requiredFields.filter((field) => !formData[field]);
 
       if (missingFields.length > 0) {
@@ -67,7 +68,7 @@ export default function PuntosEntrega() {
       const pointData = {
         name: formData.name,
         location: formData.location,
-        city: formData.city || null,
+        city: formData.city,
         contact_name: formData.contact_name || null,
         contact_phone: formData.contact_phone,
         contact_email: formData.contact_email || null,
@@ -75,8 +76,8 @@ export default function PuntosEntrega() {
         cargo_type: formData.cargo_type || null,
         schedule: formData.schedule || null,
         additional_info: formData.additional_info || null,
-        latitude: formData.coordinates?.lat ? parseFloat(formData.coordinates.lat) : null,
-        longitude: formData.coordinates?.lon ? parseFloat(formData.coordinates.lon) : null,
+        latitude: isCoordinates(formData.coordinates) ? formData.coordinates.lat : null,
+        longitude: isCoordinates(formData.coordinates) ? formData.coordinates.lon : null,
         status: 'active',
       };
 
@@ -90,7 +91,7 @@ export default function PuntosEntrega() {
       setFormData(initialFormData);
 
       setTimeout(() => setSuccess(false), 3000);
-    } catch (error) {
+    } catch (error: any) {
       console.error('Error al registrar punto de entrega:', error);
       setError(error.message || 'Error al registrar el punto de entrega');
     } finally {
@@ -225,7 +226,7 @@ export default function PuntosEntrega() {
               <div>
                 <label className="block text-sm font-medium text-gray-700 mb-1">Dirección exacta *</label>
                 <AddressAutocomplete
-                  onSelect={(address) => {
+                  onSelect={(address: any) => {
                     setFormData((prev) => ({
                       ...prev,
                       location: address.fullAddress,
@@ -246,7 +247,7 @@ export default function PuntosEntrega() {
                 <div>
                   <label className="block text-sm font-medium text-gray-700 mb-1">Tipo de vehículos</label>
                   <select
-                    value={formData.vehicle_type}
+                    value={formData.vehicle_type ?? ''}
                     onChange={(e) => setFormData({ ...formData, vehicle_type: e.target.value })}
                     className="w-full p-2 border rounded"
                   >
@@ -261,7 +262,7 @@ export default function PuntosEntrega() {
                 <div>
                   <label className="block text-sm font-medium text-gray-700 mb-1">Tipo de carga</label>
                   <select
-                    value={formData.cargo_type}
+                    value={formData.cargo_type ?? ''}
                     onChange={(e) => setFormData({ ...formData, cargo_type: e.target.value })}
                     className="w-full p-2 border rounded"
                   >
@@ -279,7 +280,7 @@ export default function PuntosEntrega() {
                 <label className="block text-sm font-medium text-gray-700 mb-1">Horario de recepción</label>
                 <input
                   type="text"
-                  value={formData.schedule}
+                  value={formData.schedule ?? ''}
                   onChange={(e) => setFormData({ ...formData, schedule: e.target.value })}
                   className="w-full p-2 border rounded"
                   placeholder="Ej: Lunes a Viernes 9:00-18:00"
@@ -291,7 +292,7 @@ export default function PuntosEntrega() {
                   <label className="block text-sm font-medium text-gray-700 mb-1">Persona de contacto</label>
                   <input
                     type="text"
-                    value={formData.contact_name}
+                    value={formData.contact_name ?? ''}
                     onChange={(e) => setFormData({ ...formData, contact_name: e.target.value })}
                     className="w-full p-2 border rounded"
                   />
@@ -300,7 +301,7 @@ export default function PuntosEntrega() {
                   <label className="block text-sm font-medium text-gray-700 mb-1">Teléfono *</label>
                   <input
                     type="tel"
-                    value={formData.contact_phone}
+                    value={formData.contact_phone ?? ''}
                     onChange={(e) => setFormData({ ...formData, contact_phone: e.target.value })}
                     className="w-full p-2 border rounded"
                     required
@@ -310,7 +311,7 @@ export default function PuntosEntrega() {
                   <label className="block text-sm font-medium text-gray-700 mb-1">Email</label>
                   <input
                     type="email"
-                    value={formData.contact_email}
+                    value={formData.contact_email ?? ''}
                     onChange={(e) => setFormData({ ...formData, contact_email: e.target.value })}
                     className="w-full p-2 border rounded"
                   />
@@ -320,10 +321,10 @@ export default function PuntosEntrega() {
               <div>
                 <label className="block text-sm font-medium text-gray-700 mb-1">Información adicional</label>
                 <textarea
-                  value={formData.additional_info}
+                  value={formData.additional_info ?? ''}
                   onChange={(e) => setFormData({ ...formData, additional_info: e.target.value })}
                   className="w-full p-2 border rounded"
-                  rows="3"
+                  rows={3}
                   placeholder="Instrucciones especiales, requisitos, etc."
                 />
               </div>
diff --git a/src/app/solicitudes/page.tsx b/src/app/solicitudes/page.tsx
index 72eb04e4..77f8db06 100644
--- a/src/app/solicitudes/page.tsx
+++ b/src/app/solicitudes/page.tsx
@@ -8,6 +8,8 @@ import { useQuery } from '@tanstack/react-query';
 import { HelpRequestData } from '@/types/Requests';
 import { helpRequestService } from '@/lib/service';
 
+export const dynamic = 'force-dynamic';
+
 export default function ListaSolicitudes() {
   const session = useSession();
   const userId = session.user?.id;
diff --git a/src/app/voluntometro/page.js b/src/app/voluntometro/page.tsx
similarity index 55%
rename from src/app/voluntometro/page.js
rename to src/app/voluntometro/page.tsx
index b9b228fd..91687af0 100644
--- a/src/app/voluntometro/page.js
+++ b/src/app/voluntometro/page.tsx
@@ -1,89 +1,12 @@
-import { supabase } from '@/lib/supabase/client';
 import { HeartHandshake, Search, Thermometer } from 'lucide-react';
 import TownCardInfo from '@/components/TownCardInfo';
+import { helpRequestService } from '@/lib/service';
 
-const getCount = async () => {
-  const today = new Date().toISOString().split('T')[0];
-  const {
-    data: solicitaData,
-    count: solicitaCount,
-    error: solicitaError,
-  } = await supabase
-    .from('help_requests')
-    .select('id', { count: 'exact' })
-    .eq('type', 'necesita')
-    .gte('created_at', today)
-    .lte('created_at', `${today}T23:59:59.999Z`);
-
-  const {
-    data: ofreceData,
-    count: ofreceCount,
-    error: ofreceError,
-  } = await supabase
-    .from('help_requests')
-    .select('id', { count: 'exact' })
-    .eq('type', 'ofrece')
-    .gte('created_at', today)
-    .lte('created_at', `${today}T23:59:59.999Z`);
-
-  if (solicitaError) {
-    throw new Error('Error fetching solicita:', solicitaError);
-  }
-  if (ofreceError) {
-    throw new Error('Error fetching ofrece:', ofreceError);
-  }
-  return {
-    solicitudes: solicitaCount || 0,
-    ofertas: ofreceCount || 0,
-  };
-};
-const getVolunteers = async () => {
-  const today = new Date().toISOString().split('T')[0];
-
-  const { data: towns, error: townError } = await supabase.from('towns').select('id, name');
-
-  if (townError) {
-    console.log('Error fetching towns:', townError);
-    return;
-  }
-
-  const { data, error } = await supabase
-    .from('help_requests')
-    .select('*')
-    .in('type', ['ofrece', 'necesita'])
-    .gte('created_at', today)
-    .lte('created_at', `${today}T23:59:59.999Z`);
-
-  if (error) {
-    console.log('Error fetching help requests:', error);
-    return;
-  }
-
-  const volunteersCount = new Map();
-  const needHelpCount = new Map();
-
-  data.forEach((person) => {
-    const townId = person.town_id;
-    if (person.type === 'ofrece') {
-      volunteersCount.set(townId, (volunteersCount.get(townId) || 0) + 1);
-    } else if (person.type === 'necesita') {
-      needHelpCount.set(townId, (needHelpCount.get(townId) || 0) + 1);
-    }
-  });
-
-  const updatedPueblos = towns.map((town) => ({
-    id: town.id,
-    name: town.name,
-    count: volunteersCount.get(town.id) || 0,
-    needHelp: needHelpCount.get(town.id) || 0,
-  }));
-
-  return updatedPueblos;
-};
+export const dynamic = 'force-dynamic';
 
 export default async function Voluntometro() {
-  const pueblos = await getVolunteers();
-  const count = await getCount();
+  const pueblos = await helpRequestService.getTodaysCountByTown();
+  const count = await helpRequestService.getTodaysCount();
 
   const getFechaHoy = () => {
     const fecha = new Date();
diff --git a/src/components/Tab.tsx b/src/components/Tab.tsx
index 1e89b338..dfb6337a 100644
--- a/src/components/Tab.tsx
+++ b/src/components/Tab.tsx
@@ -2,19 +2,21 @@
 
 import Link from 'next/link';
 import { PropsWithChildren } from 'react';
+import { usePathname } from 'next/navigation';
 
 type Props = {
   color: 'red' | 'green' | 'orange';
-  isPath: boolean;
   href: string;
 };
 
 export default function Tab({ children, ...props }: PropsWithChildren<Props>) {
+  const pathname = usePathname();
+  const isSelected = pathname === props.href;
   return (
     <Link
       href={props.href}
       className={`flex flex-col items-center justify-center py-3 px-2 rounded-lg transition-colors ${
-        props.isPath
+        isSelected
           ? `bg-${props.color}-500 text-white`
           : 'bg-gray-50 hover:bg-gray-100 text-gray-600 hover:text-gray-900'
       }`}
diff --git a/src/components/TabNavigation.tsx b/src/components/TabNavigation.tsx
index a84f0c18..bc1e35e1 100644
--- a/src/components/TabNavigation.tsx
+++ b/src/components/TabNavigation.tsx
@@ -1,26 +1,20 @@
 'use client';
 import { HeartHandshake, Search, MapPin } from 'lucide-react';
-import { usePathname } from 'next/navigation';
 import Tab from './Tab';
 
 export default function TabNavigation({ count = { solicitudes: 0, ofertas: 0 } }) {
-  const pathname = usePathname();
   return (
     <>
       <div className="grid grid-cols-3 gap-2 bg-white p-2 rounded-lg shadow">
-        <Tab
-          isPath={pathname === '/casos-activos/solicitudes' || pathname === '/casos-activos'}
-          href="/casos-activos/solicitudes"
-          color="red"
-        >
+        <Tab href="/casos-activos/solicitudes" color="red">
           <Search className="h-6 w-6 mb-1" />
           <span className="text-xs sm:text-sm font-medium">Solicitudes ({count.solicitudes || 0})</span>
         </Tab>
-        <Tab isPath={pathname === '/casos-activos/ofertas'} href="/casos-activos/ofertas" color="green">
+        <Tab href="/casos-activos/ofertas" color="green">
           <HeartHandshake className="h-6 w-6 mb-1" />
           <span className="text-xs sm:text-sm font-medium">Ofertas ({count.ofertas || 0})</span>
         </Tab>
-        <Tab isPath={pathname === '/casos-activos/mapa'} href="/casos-activos/mapa" color="orange">
+        <Tab href="/casos-activos/mapa" color="orange">
           <MapPin className="h-6 w-6 mb-1" />
           <span className="text-xs sm:text-sm font-medium">Mapa</span>
         </Tab>
diff --git a/src/components/auth/PhoneNumberDialog.tsx b/src/components/auth/PhoneNumberDialog.tsx
index 89b58059..1ae156ec 100644
--- a/src/components/auth/PhoneNumberDialog.tsx
+++ b/src/components/auth/PhoneNumberDialog.tsx
@@ -125,28 +125,31 @@ const PhoneNumberDialog = () => {
     };
 
     fetchNumber();
-  }, []);
+  }, [toggleModal]);
 
-  const handleSubmit = useCallback(async (phoneNumber: string, privacyPolicy: string) => {
-    const { data: session, error: errorGettingUser } = await authService.getSessionUser();
+  const handleSubmit = useCallback(
+    async (phoneNumber: string, privacyPolicy: string) => {
+      const { data: session, error: errorGettingUser } = await authService.getSessionUser();
 
-    if (!session.user || errorGettingUser) {
-      throw new Error('Error a la hora de obtener el usuario');
-    }
+      if (!session.user || errorGettingUser) {
+        throw new Error('Error a la hora de obtener el usuario');
+      }
 
-    const metadata = session.user.user_metadata;
-    const metadataWithPhone = { ...metadata, telefono: phoneNumber, privacyPolicy };
+      const metadata = session.user.user_metadata;
+      const metadataWithPhone = { ...metadata, telefono: phoneNumber, privacyPolicy };
 
-    const { error: updateUserError } = await authService.updateUser({
-      data: metadataWithPhone,
-    });
+      const { error: updateUserError } = await authService.updateUser({
+        data: metadataWithPhone,
+      });
 
-    if (updateUserError) {
-      throw new Error('Error a la hora de actualizar el usuario con un numero de telefono');
-    }
+      if (updateUserError) {
+        throw new Error('Error a la hora de actualizar el usuario con un numero de telefono');
+      }
 
-    toggleModal(MODAL_NAME);
-  }, []);
+      toggleModal(MODAL_NAME);
+    },
+    [toggleModal],
+  );
 
   return (
     <Modal id={MODAL_NAME} maxWidth={'max-w-md'} allowClose={false}>
diff --git a/src/components/layout/Sidebar.tsx b/src/components/layout/Sidebar.tsx
index 5f9d4ed6..dc94a11a 100644
--- a/src/components/layout/Sidebar.tsx
+++ b/src/components/layout/Sidebar.tsx
@@ -61,7 +61,7 @@ export default function Sidebar({ isOpen, toggleAction }: SidebarProps) {
       icon: AlertCircle,
       title: 'Casos Activos',
       description: 'Ver todos los casos activos',
-      path: '/casos-activos',
+      path: '/casos-activos/solicitudes',
       color: 'text-orange-600',
       highlight: true,
     },
diff --git a/src/context/ModalProvider.tsx b/src/context/ModalProvider.tsx
index 21614782..fbdbaa02 100644
--- a/src/context/ModalProvider.tsx
+++ b/src/context/ModalProvider.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import React, { createContext, FC, ReactNode, useContext, useState } from 'react';
+import React, { createContext, FC, ReactNode, useCallback, useContext, useState } from 'react';
 
 type EmergencyContextType = {
   isModalOpen: { [key: string]: boolean };
@@ -19,12 +19,12 @@ type ModalProviderProps = {
 export const ModalProvider: FC<ModalProviderProps> = ({ children }) => {
   const [isModalOpen, setIsModalOpen] = useState<{ [key: string]: boolean }>({});
 
-  const toggleModal = (id: string, force?: boolean) => {
+  const toggleModal = useCallback((id: string, force?: boolean) => {
     setIsModalOpen((prev) => ({
       ...prev,
       [id]: force !== undefined ? force : !prev[id],
     }));
-  };
+  }, []);
 
   return <EmergencyContext.Provider value={{ isModalOpen, toggleModal }}>{children}</EmergencyContext.Provider>;
 };
diff --git a/src/helpers/format.js b/src/helpers/format.js
deleted file mode 100644
index d156714d..00000000
--- a/src/helpers/format.js
+++ /dev/null
@@ -1,92 +0,0 @@
-import SolicitudCard from '@/components/SolicitudCard';
-import ReactDOMServer from 'react-dom/server';
-
-export const getMarkerBySolicitud = (solicitud) => {
-  // TODO think if possible getLatLng from a given location
-  if (!solicitud.latitude || !solicitud.longitude) {
-    return null;
-  }
-
-  return {
-    id: solicitud.id,
-    coordinates: [solicitud.longitude, solicitud.latitude],
-    descriptionHTML: getMarkerDescriptionBySolicitudAndTowns(solicitud),
-    color: getMarkerColorBySolicitud(solicitud),
-    width: '400px',
-  };
-};
-
-export const getMarkerColorBySolicitud = (solicitud) => {
-  switch (solicitud.urgency) {
-    case 'baja':
-      return '#00FF00';
-    case 'media':
-      return '#FFA500';
-    case 'alta':
-      return '#FF0000';
-    default:
-      return '#000000';
-  }
-};
-export const getMarkerDescriptionBySolicitudAndTowns = (solicitud) => {
-  return ReactDOMServer.renderToString(
-    <SolicitudCard key={solicitud.id} caso={solicitud} showEdit={false} showLink={true} />,
-  );
-};
-
-export const getMarkerByPuntoDeRecogida = (ptoDeRecogida) => {
-  // TODO think if possible getLatLng from a given location
-  if (!ptoDeRecogida.latitude || !ptoDeRecogida.longitude) {
-    return null;
-  }
-
-  if (!ptoDeRecogida.active) return null;
-
-  return {
-    id: ptoDeRecogida.id,
-    coordinates: [ptoDeRecogida.longitude, ptoDeRecogida.latitude],
-    descriptionHTML: getMarkerDescriptionByPuntoDeRecogida(ptoDeRecogida),
-    color: '#0000FF',
-  };
-};
-
-export const getMarkerDescriptionByPuntoDeRecogida = (ptoDeRecogida) => {
-  return `
-        <div class="p-4 bg-white rounded-lg max-w-xs overflow-y-scroll">
-            <h2 class="text-sm font-bold text-gray-800 mb-2">${ptoDeRecogida.contact_name}</h2>
-            <div class="space-y-2">
-                <p><span class="font-semibold text-gray-600">Dirección:</span> ${ptoDeRecogida.location}</p>
-                <p><span class="font-semibold text-gray-600">Descripción:</span> ${ptoDeRecogida.description}</p>
-                <p><span class="font-semibold text-gray-600">Contacto:</span> ${ptoDeRecogida.contact_phone}</p>
-            </div>
-        </div>
-    `;
-};
-
-export const getMarkerByOferta = (oferta) => {
-  // TODO think if possible getLatLng from a given location
-  if (!oferta.latitude || !oferta.longitude) {
-    return null;
-  }
-
-  return {
-    id: oferta.id,
-    coordinates: [oferta.longitude, oferta.latitude],
-    descriptionHTML: getMarkerDescriptionByOferta(oferta),
-    color: '#FF00FF',
-  };
-};
-
-export const getMarkerDescriptionByOferta = (oferta) => {
-  return `
-        <div class="p-4 bg-white rounded-lg max-w-xs overflow-y-scroll">
-            <h2 class="text-sm font-bold text-gray-800 mb-2">${oferta.name}</h2>
-            <div class="space-y-2">
-                <p><span class="font-semibold text-gray-600">Tipo de ayuda:</span> ${tiposAyudaOptions[oferta.help_type]}</p>
-                <p><span class="font-semibold text-gray-600">Dirección:</span> ${oferta.location}</p>
-                <p><span class="font-semibold text-gray-600">Descripción:</span> ${oferta.description}</p>
-                <p><span class="font-semibold text-gray-600">Contacto:</span> ${oferta.contact_info}</p>
-            </div>
-        </div>
-    `;
-};
diff --git a/src/helpers/format.tsx b/src/helpers/format.tsx
new file mode 100644
index 00000000..736a2465
--- /dev/null
+++ b/src/helpers/format.tsx
@@ -0,0 +1,38 @@
+import ReactDOMServer from 'react-dom/server';
+import { HelpRequestData } from '@/types/Requests';
+import { CollectionPointData } from '@/types/DataPoints';
+import SolicitudCard from '@/components/SolicitudCard';
+import { tiposAyudaOptions } from '@/helpers/constants';
+
+export const getMarkerBySolicitud = (solicitud: HelpRequestData) => {
+  // TODO think if possible getLatLng from a given location
+  if (!solicitud.latitude || !solicitud.longitude) {
+    return null;
+  }
+
+  return {
+    id: solicitud.id,
+    coordinates: [solicitud.longitude, solicitud.latitude],
+    descriptionHTML: getMarkerDescriptionBySolicitudAndTowns(solicitud),
+    color: getMarkerColorBySolicitud(solicitud),
+    width: '400px',
+  };
+};
+
+export const getMarkerColorBySolicitud = (solicitud: HelpRequestData) => {
+  switch (solicitud.urgency) {
+    case 'baja':
+      return '#00FF00';
+    case 'media':
+      return '#FFA500';
+    case 'alta':
+      return '#FF0000';
+    default:
+      return '#000000';
+  }
+};
+export const getMarkerDescriptionBySolicitudAndTowns = (solicitud: HelpRequestData) => {
+  return ReactDOMServer.renderToString(
+    <SolicitudCard key={solicitud.id} caso={solicitud} showEdit={false} showLink={true} />,
+  );
+};
diff --git a/src/lib/service.ts b/src/lib/service.ts
index fa45eb17..13b58609 100644
--- a/src/lib/service.ts
+++ b/src/lib/service.ts
@@ -85,6 +85,75 @@ export const helpRequestService = {
     if (error) throw error;
     return data;
   },
+  async getTodaysCount() {
+    const today = new Date().toISOString().split('T')[0];
+    const supabase = await getSupabaseClient();
+    const { count: solicitaCount, error: solicitaError } = await supabase
+      .from('help_requests')
+      .select('id', { count: 'exact' })
+      .eq('type', 'necesita')
+      .gte('created_at', today)
+      .lte('created_at', `${today}T23:59:59.999Z`);
+
+    const { count: ofreceCount, error: ofreceError } = await supabase
+      .from('help_requests')
+      .select('id', { count: 'exact' })
+      .eq('type', 'ofrece')
+      .gte('created_at', today)
+      .lte('created_at', `${today}T23:59:59.999Z`);
+
+    if (solicitaError) {
+      throw new Error('Error fetching solicita:', solicitaError);
+    }
+    if (ofreceError) {
+      throw new Error('Error fetching ofrece:', ofreceError);
+    }
+    return {
+      solicitudes: solicitaCount || 0,
+      ofertas: ofreceCount || 0,
+    };
+  },
+  async getTodaysCountByTown() {
+    const today = new Date().toISOString().split('T')[0];
+
+    const { data: towns, error: townError } = await supabase.from('towns').select('id, name');
+
+    if (townError) {
+      console.log('Error fetching towns:', townError);
+      throw townError;
+    }
+
+    const { data, error } = await supabase
+      .from('help_requests')
+      .select('*')
+      .in('type', ['ofrece', 'necesita'])
+      .gte('created_at', today)
+      .lte('created_at', `${today}T23:59:59.999Z`);
+
+    if (error) {
+      console.log('Error fetching help requests:', error);
+      throw error;
+    }
+
+    const volunteersCount = new Map();
+    const needHelpCount = new Map();
+
+    data.forEach((person) => {
+      const townId = person.town_id;
+      if (person.type === 'ofrece') {
+        volunteersCount.set(townId, (volunteersCount.get(townId) || 0) + 1);
+      } else if (person.type === 'necesita') {
+        needHelpCount.set(townId, (needHelpCount.get(townId) || 0) + 1);
+      }
+    });
+
+    return towns.map((town) => ({
+      id: town.id,
+      name: town.name ?? 'N/A',
+      count: volunteersCount.get(town.id) || 0,
+      needHelp: needHelpCount.get(town.id) || 0,
+    }));
+  },
 };
 
 export const townService = {
diff --git a/src/lib/supabase/middleware.ts b/src/lib/supabase/middleware.ts
index 03a11751..4f96c7f2 100644
--- a/src/lib/supabase/middleware.ts
+++ b/src/lib/supabase/middleware.ts
@@ -31,11 +31,6 @@ export async function updateSession(request: NextRequest) {
 
   const url = request.nextUrl.clone();
 
-  if (request.nextUrl.pathname === '/casos-activos') {
-    url.pathname = '/casos-activos/solicitudes';
-    return NextResponse.redirect(url);
-  }
-
   // IMPORTANT: You *must* return the supabaseResponse object as it is. If you're
   // creating a new response object with NextResponse.next() make sure to:
   // 1. Pass the request in it, like so:
diff --git a/src/types/DataPoints.ts b/src/types/DataPoints.ts
index b2cee66a..92479fdc 100644
--- a/src/types/DataPoints.ts
+++ b/src/types/DataPoints.ts
@@ -1,39 +1,10 @@
-interface DataPoint {
-  type: string;
-  name: string | null;
-  contact_info: string;
-  location: string | null;
-}
+import { Database } from '@/types/database';
 
-export interface CollectionPointData extends DataPoint {
-  contact_name: string;
-  contact_phone: string;
-  city: string;
-}
+export type CollectionPointData = Database['public']['Tables']['collection_points']['Row'];
 
-export interface HelpOfferData extends DataPoint {
-  help_type: string[] | null;
-  description: string | null;
-  resources:
-    | {
-        vehicle: string;
-        availability: string[];
-        radius: number;
-      }
-    | string;
-  status: string;
-  additional_info?: {
-    email: string;
-    experience: string;
-  };
-  latitude?: number | null;
-  longitude?: number | null;
-  town_id?: string;
-}
+export type DeliveryPointData = Database['public']['Tables']['delivery_points']['Row'];
+export type DeliveryPointInsert = Database['public']['Tables']['delivery_points']['Insert'];
 
-export interface MissingPersonData extends DataPoint {
-  help_type: string[] | null;
-  description: string | null;
-  resources: string;
-  status: string;
+export function isCoordinates(coords: unknown): coords is { lat: number; lon: number } {
+  return typeof coords === 'object' && coords !== null && 'lat' in coords && 'lon' in coords;
 }
diff --git a/src/types/Markers.ts b/src/types/Markers.ts
deleted file mode 100644
index 508198bf..00000000
--- a/src/types/Markers.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export type MarkersType = {
-  id: string;
-  coordinates: [number, number];
-  color: string;
-  descriptionHTML: string;
-  width: string;
-};
diff --git a/src/types/common.ts b/src/types/common.ts
index 95ab26f1..316c04f3 100644
--- a/src/types/common.ts
+++ b/src/types/common.ts
@@ -1,8 +1,3 @@
 import { Database } from './database';
 
-export type TownType = {
-  id: string;
-  name: string;
-};
-
 export type Enums = Database['public']['Enums'];

From 179cce8435e42802b18e67aff3035e85bf2aa6f0 Mon Sep 17 00:00:00 2001
From: patrickwebsdev <contacto@patricioalmada.com.ar>
Date: Fri, 8 Nov 2024 07:22:04 -0300
Subject: [PATCH 2/7] refactor: removed item from sidebar

---
 src/components/layout/Sidebar.tsx | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/src/components/layout/Sidebar.tsx b/src/components/layout/Sidebar.tsx
index eba48fe2..4ad86df5 100644
--- a/src/components/layout/Sidebar.tsx
+++ b/src/components/layout/Sidebar.tsx
@@ -148,14 +148,6 @@ export default function Sidebar({ isOpen, toggleAction }: SidebarProps) {
       color: 'text-teal-600',
       isHref: true,
     },
-    {
-      icon: CarTaxiFront,
-      title: 'Compartir Coche',
-      description: 'Viaja u ofrece viajes con otros',
-      path: 'https://anem.guruwalk.com/',
-      color: 'text-amber-600',
-      isHref: true,
-    },
     {
       icon: Car,
       title: 'Encontrar tu Coche',

From 4906115600243b901be544f2240917fac987138e Mon Sep 17 00:00:00 2001
From: Pinx0 <plponce@gmail.com>
Date: Fri, 8 Nov 2024 11:32:59 +0100
Subject: [PATCH 3/7] refactor: add types

---
 src/app/punto-recogida/page.tsx               |  39 +-
 .../{SolicitudCard.jsx => SolicitudCard.tsx}  |  14 +-
 .../{RoleProvider.jsx => RoleProvider.tsx}    |  10 +-
 src/types/DataPoints.ts                       |   1 +
 src/types/Requests.ts                         |   4 -
 src/types/database.ts                         | 747 ++++++++++--------
 6 files changed, 432 insertions(+), 383 deletions(-)
 rename src/components/{SolicitudCard.jsx => SolicitudCard.tsx} (97%)
 rename src/context/{RoleProvider.jsx => RoleProvider.tsx} (73%)

diff --git a/src/app/punto-recogida/page.tsx b/src/app/punto-recogida/page.tsx
index e862cd53..c0122674 100644
--- a/src/app/punto-recogida/page.tsx
+++ b/src/app/punto-recogida/page.tsx
@@ -1,11 +1,12 @@
 'use client';
 
-import { useState, useCallback, useEffect } from 'react';
+import { useState, useCallback, useEffect, FormEvent } from 'react';
 import { supabase } from '@/lib/supabase/client';
 import { MapPin, Phone, Package, House, Contact, Megaphone } from 'lucide-react';
 import AddressAutocomplete from '@/components/AddressAutocomplete';
 import { isValidPhone } from '@/helpers/utils';
 import { PhoneInput } from '@/components/PhoneInput';
+import { CollectionPointData, CollectionPointInsert } from '@/types/DataPoints';
 
 export const dynamic = 'force-dynamic';
 
@@ -22,16 +23,16 @@ export default function PuntosRecogida() {
     status: 'active',
   };
 
-  const [formData, setFormData] = useState(initialFormData);
+  const [formData, setFormData] = useState<CollectionPointInsert>(initialFormData);
   const [showForm, setShowForm] = useState(false);
   const [loading, setLoading] = useState(false);
-  const [collectionPoints, setCollectionPoints] = useState([]);
-  const [error, setError] = useState(null);
+  const [collectionPoints, setCollectionPoints] = useState<CollectionPointData[]>([]);
+  const [error, setError] = useState<string | null>(null);
   const [success, setSuccess] = useState(false);
 
   const tiposAyuda = ['Alimentos', 'Agua', 'Ropa', 'Mantas', 'Medicamentos', 'Productos de higiene'];
 
-  const handlePhoneChange = useCallback((phoneNumber) => {
+  const handlePhoneChange = useCallback((phoneNumber: string) => {
     setFormData((formData) => ({ ...formData, contact_phone: phoneNumber }));
   }, []);
 
@@ -54,20 +55,20 @@ export default function PuntosRecogida() {
     }
   }
 
-  async function handleSubmit(e) {
+  async function handleSubmit(e: FormEvent) {
     e.preventDefault();
     setLoading(true);
     setError(null);
 
     try {
-      const requiredFields = ['name', 'location', 'contact_phone'];
+      const requiredFields = ['name', 'location', 'contact_phone'] as const;
       const missingFields = requiredFields.filter((field) => !formData[field]);
 
       if (missingFields.length > 0) {
         throw new Error('Por favor completa todos los campos obligatorios');
       }
 
-      if (!isValidPhone(formData.contact_phone)) {
+      if (!isValidPhone(formData.contact_phone ?? '')) {
         alert('El teléfono de contacto no es válido.');
         return;
       }
@@ -94,7 +95,7 @@ export default function PuntosRecogida() {
       setFormData(initialFormData);
 
       setTimeout(() => setSuccess(false), 3000);
-    } catch (error) {
+    } catch (error: any) {
       console.error('Error al registrar punto de recogida:', error);
       setError(error.message || 'Error al registrar el punto de recogida');
     } finally {
@@ -210,7 +211,7 @@ export default function PuntosRecogida() {
                 <label className="block text-sm font-medium text-gray-700 mb-1">Nombre del centro *</label>
                 <input
                   type="text"
-                  value={formData.name}
+                  value={formData.name ?? ''}
                   onChange={(e) => setFormData({ ...formData, name: e.target.value })}
                   className="w-full p-2 border rounded"
                   required
@@ -219,7 +220,7 @@ export default function PuntosRecogida() {
               <div>
                 <label className="block text-sm font-medium text-gray-700 mb-1">Dirección completa *</label>
                 <AddressAutocomplete
-                  onSelect={(address) => {
+                  onSelect={(address: any) => {
                     setFormData((prev) => ({
                       ...prev,
                       location: address.fullAddress,
@@ -242,18 +243,18 @@ export default function PuntosRecogida() {
                     <label
                       key={tipo}
                       className={`flex items-center p-3 rounded cursor-pointer ${
-                        formData.accepted_items.includes(tipo)
+                        formData.accepted_items?.includes(tipo)
                           ? 'bg-blue-100 text-blue-800'
                           : 'bg-gray-50 hover:bg-gray-100'
                       }`}
                     >
                       <input
                         type="checkbox"
-                        checked={formData.accepted_items.includes(tipo)}
+                        checked={formData.accepted_items?.includes(tipo)}
                         onChange={(e) => {
                           const newItems = e.target.checked
-                            ? [...formData.accepted_items, tipo]
-                            : formData.accepted_items.filter((item) => item !== tipo);
+                            ? [...(formData.accepted_items ?? []), tipo]
+                            : formData.accepted_items?.filter((item) => item !== tipo);
                           setFormData({ ...formData, accepted_items: newItems });
                         }}
                         className="sr-only"
@@ -268,21 +269,21 @@ export default function PuntosRecogida() {
                   <label className="block text-sm font-medium text-gray-700 mb-1">Persona responsable</label>
                   <input
                     type="text"
-                    value={formData.contact_name}
+                    value={formData.contact_name ?? ''}
                     onChange={(e) => setFormData({ ...formData, contact_name: e.target.value })}
                     className="w-full p-2 border rounded"
                   />
                 </div>
-                <PhoneInput phoneNumber={formData.contact_phone} onChange={handlePhoneChange} required />
+                <PhoneInput phoneNumber={formData.contact_phone ?? ''} onChange={handlePhoneChange} required />
               </div>
 
               <div>
                 <label className="block text-sm font-medium text-gray-700 mb-1">Necesidades urgentes</label>
                 <textarea
-                  value={formData.urgent_needs}
+                  value={formData.urgent_needs ?? ''}
                   onChange={(e) => setFormData({ ...formData, urgent_needs: e.target.value })}
                   className="w-full p-2 border rounded"
-                  rows="3"
+                  rows={3}
                   placeholder="¿Qué se necesita con más urgencia?"
                 />
               </div>
diff --git a/src/components/SolicitudCard.jsx b/src/components/SolicitudCard.tsx
similarity index 97%
rename from src/components/SolicitudCard.jsx
rename to src/components/SolicitudCard.tsx
index 576be9ec..9d0629d0 100644
--- a/src/components/SolicitudCard.jsx
+++ b/src/components/SolicitudCard.tsx
@@ -11,17 +11,17 @@ import { useTowns } from '@/context/TownProvider';
 import { useRole } from '@/context/RoleProvider';
 import { useState } from 'react';
 
-// type SolicitudCardProps = {
-//   caso: HelpRequestData;
-//   showLink?: boolean;
-//   showEdit?: boolean;
-// };
+type SolicitudCardProps = {
+  caso: HelpRequestData;
+  showLink?: boolean;
+  showEdit?: boolean;
+};
 
-export default function SolicitudCard({ caso, showLink = true, showEdit = false }) {
+export default function SolicitudCard({ caso, showLink = true, showEdit = false }: SolicitudCardProps) {
   const session = useSession();
   const role = useRole();
   const { getTownById } = useTowns();
-  const additionalInfo = caso.additional_info;
+  const additionalInfo = caso.additional_info as HelpRequestAdditionalInfo;
   const special_situations = 'special_situations' in additionalInfo ? additionalInfo.special_situations : undefined;
   const isAdmin = role === 'admin';
   const [deleted, setDeleted] = useState(false);
diff --git a/src/context/RoleProvider.jsx b/src/context/RoleProvider.tsx
similarity index 73%
rename from src/context/RoleProvider.jsx
rename to src/context/RoleProvider.tsx
index 6da7efe3..9bb0f674 100644
--- a/src/context/RoleProvider.jsx
+++ b/src/context/RoleProvider.tsx
@@ -1,13 +1,13 @@
 'use client';
-import React, { createContext, ReactNode, useContext, useEffect, useState } from 'react';
+import React, { createContext, PropsWithChildren, ReactNode, useContext, useEffect, useState } from 'react';
 import { supabase } from '@/lib/supabase/client';
 import { useSession } from './SessionProvider';
 
-const RoleContext = createContext();
+const RoleContext = createContext<string>('user');
 
-export const RoleProvider = ({ children }) => {
+export const RoleProvider = ({ children }: PropsWithChildren) => {
   const session = useSession();
-  const [role, setRole] = useState('user');
+  const [role, setRole] = useState<string | null>('user');
 
   useEffect(() => {
     const fetchRole = async () => {
@@ -39,7 +39,7 @@ export const RoleProvider = ({ children }) => {
     fetchRole();
   }, [session]);
 
-  return <RoleContext.Provider value={role}>{children}</RoleContext.Provider>;
+  return <RoleContext.Provider value={role ?? 'anon'}>{children}</RoleContext.Provider>;
 };
 
 export const useRole = () => useContext(RoleContext);
diff --git a/src/types/DataPoints.ts b/src/types/DataPoints.ts
index 92479fdc..1aa39719 100644
--- a/src/types/DataPoints.ts
+++ b/src/types/DataPoints.ts
@@ -1,6 +1,7 @@
 import { Database } from '@/types/database';
 
 export type CollectionPointData = Database['public']['Tables']['collection_points']['Row'];
+export type CollectionPointInsert = Database['public']['Tables']['collection_points']['Insert'];
 
 export type DeliveryPointData = Database['public']['Tables']['delivery_points']['Row'];
 export type DeliveryPointInsert = Database['public']['Tables']['delivery_points']['Insert'];
diff --git a/src/types/Requests.ts b/src/types/Requests.ts
index c875a3af..184276ea 100644
--- a/src/types/Requests.ts
+++ b/src/types/Requests.ts
@@ -12,7 +12,3 @@ export type HelpRequestAdditionalInfo = {
   special_situations?: string;
   email?: string;
 };
-
-export type CollectionPointType = 'permanente' | 'temporal';
-export type CollectionPointStatus = 'active' | 'inactive';
-export type CollectionPointData = Database['public']['Tables']['collection_points']['Row'];
diff --git a/src/types/database.ts b/src/types/database.ts
index 2a181cf2..2f2fc98b 100644
--- a/src/types/database.ts
+++ b/src/types/database.ts
@@ -1,440 +1,491 @@
-export type Json = string | number | boolean | null | { [key: string]: Json | undefined } | Json[];
+export type Json =
+  | string
+  | number
+  | boolean
+  | null
+  | { [key: string]: Json | undefined }
+  | Json[]
 
 export type Database = {
   graphql_public: {
     Tables: {
-      [_ in never]: never;
-    };
+      [_ in never]: never
+    }
     Views: {
-      [_ in never]: never;
-    };
+      [_ in never]: never
+    }
     Functions: {
       graphql: {
         Args: {
-          operationName?: string;
-          query?: string;
-          variables?: Json;
-          extensions?: Json;
-        };
-        Returns: Json;
-      };
-    };
+          operationName?: string
+          query?: string
+          variables?: Json
+          extensions?: Json
+        }
+        Returns: Json
+      }
+    }
     Enums: {
-      [_ in never]: never;
-    };
+      [_ in never]: never
+    }
     CompositeTypes: {
-      [_ in never]: never;
-    };
-  };
+      [_ in never]: never
+    }
+  }
   public: {
     Tables: {
       collection_points: {
         Row: {
-          accepted_items: string[] | null;
-          city: string | null;
-          contact_name: string | null;
-          contact_phone: string | null;
-          coordinates: unknown | null;
-          created_at: string | null;
-          id: number;
-          location: string | null;
-          name: string | null;
-          status: string | null;
-          type: string | null;
-          urgent_needs: string | null;
-        };
+          accepted_items: string[] | null
+          city: string | null
+          contact_name: string | null
+          contact_phone: string | null
+          coordinates: unknown | null
+          created_at: string | null
+          id: number
+          location: string | null
+          name: string | null
+          status: string | null
+          type: string | null
+          urgent_needs: string | null
+        }
         Insert: {
-          accepted_items?: string[] | null;
-          city?: string | null;
-          contact_name?: string | null;
-          contact_phone?: string | null;
-          coordinates?: unknown | null;
-          created_at?: string | null;
-          id?: number;
-          location?: string | null;
-          name?: string | null;
-          status?: string | null;
-          type?: string | null;
-          urgent_needs?: string | null;
-        };
+          accepted_items?: string[] | null
+          city?: string | null
+          contact_name?: string | null
+          contact_phone?: string | null
+          coordinates?: unknown | null
+          created_at?: string | null
+          id?: number
+          location?: string | null
+          name?: string | null
+          status?: string | null
+          type?: string | null
+          urgent_needs?: string | null
+        }
         Update: {
-          accepted_items?: string[] | null;
-          city?: string | null;
-          contact_name?: string | null;
-          contact_phone?: string | null;
-          coordinates?: unknown | null;
-          created_at?: string | null;
-          id?: number;
-          location?: string | null;
-          name?: string | null;
-          status?: string | null;
-          type?: string | null;
-          urgent_needs?: string | null;
-        };
-        Relationships: [];
-      };
+          accepted_items?: string[] | null
+          city?: string | null
+          contact_name?: string | null
+          contact_phone?: string | null
+          coordinates?: unknown | null
+          created_at?: string | null
+          id?: number
+          location?: string | null
+          name?: string | null
+          status?: string | null
+          type?: string | null
+          urgent_needs?: string | null
+        }
+        Relationships: []
+      }
       delivery_points: {
         Row: {
-          additional_info: string | null;
-          cargo_type: string | null;
-          city: string;
-          contact_email: string | null;
-          contact_name: string | null;
-          contact_phone: string | null;
-          coordinates: unknown | null;
-          created_at: string;
-          id: string;
-          latitude: number | null;
-          location: string;
-          longitude: number | null;
-          name: string;
-          schedule: string | null;
-          status: string | null;
-          user_id: string | null;
-          vehicle_type: string | null;
-        };
+          additional_info: string | null
+          cargo_type: string | null
+          city: string
+          contact_email: string | null
+          contact_name: string | null
+          contact_phone: string | null
+          coordinates: unknown | null
+          created_at: string
+          id: string
+          latitude: number | null
+          location: string
+          longitude: number | null
+          name: string
+          schedule: string | null
+          status: string | null
+          user_id: string | null
+          vehicle_type: string | null
+        }
         Insert: {
-          additional_info?: string | null;
-          cargo_type?: string | null;
-          city: string;
-          contact_email?: string | null;
-          contact_name?: string | null;
-          contact_phone?: string | null;
-          coordinates?: unknown | null;
-          created_at?: string;
-          id?: string;
-          latitude?: number | null;
-          location: string;
-          longitude?: number | null;
-          name: string;
-          schedule?: string | null;
-          status?: string | null;
-          user_id?: string | null;
-          vehicle_type?: string | null;
-        };
+          additional_info?: string | null
+          cargo_type?: string | null
+          city: string
+          contact_email?: string | null
+          contact_name?: string | null
+          contact_phone?: string | null
+          coordinates?: unknown | null
+          created_at?: string
+          id?: string
+          latitude?: number | null
+          location: string
+          longitude?: number | null
+          name: string
+          schedule?: string | null
+          status?: string | null
+          user_id?: string | null
+          vehicle_type?: string | null
+        }
         Update: {
-          additional_info?: string | null;
-          cargo_type?: string | null;
-          city?: string;
-          contact_email?: string | null;
-          contact_name?: string | null;
-          contact_phone?: string | null;
-          coordinates?: unknown | null;
-          created_at?: string;
-          id?: string;
-          latitude?: number | null;
-          location?: string;
-          longitude?: number | null;
-          name?: string;
-          schedule?: string | null;
-          status?: string | null;
-          user_id?: string | null;
-          vehicle_type?: string | null;
-        };
-        Relationships: [];
-      };
+          additional_info?: string | null
+          cargo_type?: string | null
+          city?: string
+          contact_email?: string | null
+          contact_name?: string | null
+          contact_phone?: string | null
+          coordinates?: unknown | null
+          created_at?: string
+          id?: string
+          latitude?: number | null
+          location?: string
+          longitude?: number | null
+          name?: string
+          schedule?: string | null
+          status?: string | null
+          user_id?: string | null
+          vehicle_type?: string | null
+        }
+        Relationships: []
+      }
       help_request_assignments: {
         Row: {
-          assigned_at: string | null;
-          help_request_id: number;
-          id: number;
-          people_count: number | null;
-          phone_number: string;
-          user_id: string | null;
-        };
+          assigned_at: string | null
+          help_request_id: number
+          id: number
+          people_count: number | null
+          phone_number: string
+          user_id: string | null
+        }
         Insert: {
-          assigned_at?: string | null;
-          help_request_id: number;
-          id?: number;
-          people_count?: number | null;
-          phone_number: string;
-          user_id?: string | null;
-        };
+          assigned_at?: string | null
+          help_request_id: number
+          id?: number
+          people_count?: number | null
+          phone_number: string
+          user_id?: string | null
+        }
         Update: {
-          assigned_at?: string | null;
-          help_request_id?: number;
-          id?: number;
-          people_count?: number | null;
-          phone_number?: string;
-          user_id?: string | null;
-        };
+          assigned_at?: string | null
+          help_request_id?: number
+          id?: number
+          people_count?: number | null
+          phone_number?: string
+          user_id?: string | null
+        }
         Relationships: [
           {
-            foreignKeyName: 'fk_help_request';
-            columns: ['help_request_id'];
-            isOneToOne: false;
-            referencedRelation: 'help_requests';
-            referencedColumns: ['id'];
+            foreignKeyName: "fk_help_request"
+            columns: ["help_request_id"]
+            isOneToOne: false
+            referencedRelation: "help_requests"
+            referencedColumns: ["id"]
           },
-        ];
-      };
+        ]
+      }
       help_requests: {
         Row: {
-          additional_info: Json | null;
-          contact_info: string | null;
-          coordinates: unknown | null;
-          created_at: string | null;
-          description: string | null;
-          help_type: Database['public']['Enums']['help_type_enum'][] | null;
-          id: number;
-          latitude: number | null;
-          location: string | null;
-          longitude: number | null;
-          name: string | null;
-          number_of_people: number | null;
-          people_needed: number | null;
-          resources: Json | null;
-          status: string | null;
-          town_id: number | null;
-          type: string | null;
-          urgency: string | null;
-          user_id: string | null;
-        };
+          additional_info: Json | null
+          contact_info: string | null
+          coordinates: unknown | null
+          created_at: string | null
+          description: string | null
+          help_type: Database["public"]["Enums"]["help_type_enum"][] | null
+          id: number
+          latitude: number | null
+          location: string | null
+          longitude: number | null
+          name: string | null
+          number_of_people: number | null
+          other_help: string | null
+          people_needed: number | null
+          resources: Json | null
+          status: string | null
+          town_id: number | null
+          type: string | null
+          urgency: string | null
+          user_id: string | null
+        }
         Insert: {
-          additional_info?: Json | null;
-          contact_info?: string | null;
-          coordinates?: unknown | null;
-          created_at?: string | null;
-          description?: string | null;
-          help_type?: Database['public']['Enums']['help_type_enum'][] | null;
-          id?: number;
-          latitude?: number | null;
-          location?: string | null;
-          longitude?: number | null;
-          name?: string | null;
-          number_of_people?: number | null;
-          people_needed?: number | null;
-          resources?: Json | null;
-          status?: string | null;
-          town_id?: number | null;
-          type?: string | null;
-          urgency?: string | null;
-          user_id?: string | null;
-        };
+          additional_info?: Json | null
+          contact_info?: string | null
+          coordinates?: unknown | null
+          created_at?: string | null
+          description?: string | null
+          help_type?: Database["public"]["Enums"]["help_type_enum"][] | null
+          id?: number
+          latitude?: number | null
+          location?: string | null
+          longitude?: number | null
+          name?: string | null
+          number_of_people?: number | null
+          other_help?: string | null
+          people_needed?: number | null
+          resources?: Json | null
+          status?: string | null
+          town_id?: number | null
+          type?: string | null
+          urgency?: string | null
+          user_id?: string | null
+        }
         Update: {
-          additional_info?: Json | null;
-          contact_info?: string | null;
-          coordinates?: unknown | null;
-          created_at?: string | null;
-          description?: string | null;
-          help_type?: Database['public']['Enums']['help_type_enum'][] | null;
-          id?: number;
-          latitude?: number | null;
-          location?: string | null;
-          longitude?: number | null;
-          name?: string | null;
-          number_of_people?: number | null;
-          people_needed?: number | null;
-          resources?: Json | null;
-          status?: string | null;
-          town_id?: number | null;
-          type?: string | null;
-          urgency?: string | null;
-          user_id?: string | null;
-        };
+          additional_info?: Json | null
+          contact_info?: string | null
+          coordinates?: unknown | null
+          created_at?: string | null
+          description?: string | null
+          help_type?: Database["public"]["Enums"]["help_type_enum"][] | null
+          id?: number
+          latitude?: number | null
+          location?: string | null
+          longitude?: number | null
+          name?: string | null
+          number_of_people?: number | null
+          other_help?: string | null
+          people_needed?: number | null
+          resources?: Json | null
+          status?: string | null
+          town_id?: number | null
+          type?: string | null
+          urgency?: string | null
+          user_id?: string | null
+        }
         Relationships: [
           {
-            foreignKeyName: 'help_requests_town_id_fkey';
-            columns: ['town_id'];
-            isOneToOne: false;
-            referencedRelation: 'towns';
-            referencedColumns: ['id'];
+            foreignKeyName: "help_requests_town_id_fkey"
+            columns: ["town_id"]
+            isOneToOne: false
+            referencedRelation: "towns"
+            referencedColumns: ["id"]
           },
-        ];
-      };
+        ]
+      }
       missing_persons: {
         Row: {
-          additional_info: Json | null;
-          age: number | null;
-          clothing_description: string | null;
-          coordinates: unknown | null;
-          created_at: string | null;
-          description: string | null;
-          gender: string | null;
-          height: number | null;
-          id: number;
-          last_seen_date: string | null;
-          last_seen_location: string | null;
-          medical_conditions: string | null;
-          name: string | null;
-          reporter_contact: string | null;
-          reporter_name: string | null;
-          reporter_relationship: string | null;
-          secondary_contact: string | null;
-          status: string | null;
-        };
+          additional_info: Json | null
+          age: number | null
+          clothing_description: string | null
+          coordinates: unknown | null
+          created_at: string | null
+          description: string | null
+          gender: string | null
+          height: number | null
+          id: number
+          last_seen_date: string | null
+          last_seen_location: string | null
+          medical_conditions: string | null
+          name: string | null
+          reporter_contact: string | null
+          reporter_name: string | null
+          reporter_relationship: string | null
+          secondary_contact: string | null
+          status: string | null
+        }
         Insert: {
-          additional_info?: Json | null;
-          age?: number | null;
-          clothing_description?: string | null;
-          coordinates?: unknown | null;
-          created_at?: string | null;
-          description?: string | null;
-          gender?: string | null;
-          height?: number | null;
-          id?: number;
-          last_seen_date?: string | null;
-          last_seen_location?: string | null;
-          medical_conditions?: string | null;
-          name?: string | null;
-          reporter_contact?: string | null;
-          reporter_name?: string | null;
-          reporter_relationship?: string | null;
-          secondary_contact?: string | null;
-          status?: string | null;
-        };
+          additional_info?: Json | null
+          age?: number | null
+          clothing_description?: string | null
+          coordinates?: unknown | null
+          created_at?: string | null
+          description?: string | null
+          gender?: string | null
+          height?: number | null
+          id?: number
+          last_seen_date?: string | null
+          last_seen_location?: string | null
+          medical_conditions?: string | null
+          name?: string | null
+          reporter_contact?: string | null
+          reporter_name?: string | null
+          reporter_relationship?: string | null
+          secondary_contact?: string | null
+          status?: string | null
+        }
         Update: {
-          additional_info?: Json | null;
-          age?: number | null;
-          clothing_description?: string | null;
-          coordinates?: unknown | null;
-          created_at?: string | null;
-          description?: string | null;
-          gender?: string | null;
-          height?: number | null;
-          id?: number;
-          last_seen_date?: string | null;
-          last_seen_location?: string | null;
-          medical_conditions?: string | null;
-          name?: string | null;
-          reporter_contact?: string | null;
-          reporter_name?: string | null;
-          reporter_relationship?: string | null;
-          secondary_contact?: string | null;
-          status?: string | null;
-        };
-        Relationships: [];
-      };
+          additional_info?: Json | null
+          age?: number | null
+          clothing_description?: string | null
+          coordinates?: unknown | null
+          created_at?: string | null
+          description?: string | null
+          gender?: string | null
+          height?: number | null
+          id?: number
+          last_seen_date?: string | null
+          last_seen_location?: string | null
+          medical_conditions?: string | null
+          name?: string | null
+          reporter_contact?: string | null
+          reporter_name?: string | null
+          reporter_relationship?: string | null
+          secondary_contact?: string | null
+          status?: string | null
+        }
+        Relationships: []
+      }
       towns: {
         Row: {
-          created_at: string;
-          help_needed: number | null;
-          id: number;
-          name: string | null;
-          people_helping: number | null;
-        };
+          created_at: string
+          help_needed: number | null
+          id: number
+          name: string | null
+          people_helping: number | null
+        }
+        Insert: {
+          created_at?: string
+          help_needed?: number | null
+          id?: number
+          name?: string | null
+          people_helping?: number | null
+        }
+        Update: {
+          created_at?: string
+          help_needed?: number | null
+          id?: number
+          name?: string | null
+          people_helping?: number | null
+        }
+        Relationships: []
+      }
+      user_roles: {
+        Row: {
+          created_at: string
+          id: number
+          role: Database["public"]["Enums"]["roles"] | null
+          user_id: string | null
+        }
         Insert: {
-          created_at?: string;
-          help_needed?: number | null;
-          id?: number;
-          name?: string | null;
-          people_helping?: number | null;
-        };
+          created_at?: string
+          id?: number
+          role?: Database["public"]["Enums"]["roles"] | null
+          user_id?: string | null
+        }
         Update: {
-          created_at?: string;
-          help_needed?: number | null;
-          id?: number;
-          name?: string | null;
-          people_helping?: number | null;
-        };
-        Relationships: [];
-      };
-    };
+          created_at?: string
+          id?: number
+          role?: Database["public"]["Enums"]["roles"] | null
+          user_id?: string | null
+        }
+        Relationships: []
+      }
+    }
     Views: {
-      [_ in never]: never;
-    };
+      distinct_collection_cities: {
+        Row: {
+          city: string | null
+        }
+        Relationships: []
+      }
+    }
     Functions: {
-      [_ in never]: never;
-    };
+      [_ in never]: never
+    }
     Enums: {
       help_type_enum:
-        | 'limpieza'
-        | 'alojamiento'
-        | 'evacuacion'
-        | 'distribucion'
-        | 'rescate'
-        | 'medica'
-        | 'psicologico'
-        | 'logistico'
-        | 'otros';
-    };
+        | "limpieza"
+        | "alojamiento"
+        | "evacuacion"
+        | "distribucion"
+        | "rescate"
+        | "medica"
+        | "psicologico"
+        | "logistico"
+        | "otros"
+        | "reparto"
+        | "donaciones"
+      roles: "user" | "moderator" | "admin"
+    }
     CompositeTypes: {
-      [_ in never]: never;
-    };
-  };
-};
+      [_ in never]: never
+    }
+  }
+}
 
-type PublicSchema = Database[Extract<keyof Database, 'public'>];
+type PublicSchema = Database[Extract<keyof Database, "public">]
 
 export type Tables<
-  PublicTableNameOrOptions extends keyof (PublicSchema['Tables'] & PublicSchema['Views']) | { schema: keyof Database },
+  PublicTableNameOrOptions extends
+    | keyof (PublicSchema["Tables"] & PublicSchema["Views"])
+    | { schema: keyof Database },
   TableName extends PublicTableNameOrOptions extends { schema: keyof Database }
-    ? keyof (Database[PublicTableNameOrOptions['schema']]['Tables'] &
-        Database[PublicTableNameOrOptions['schema']]['Views'])
+    ? keyof (Database[PublicTableNameOrOptions["schema"]]["Tables"] &
+        Database[PublicTableNameOrOptions["schema"]]["Views"])
     : never = never,
 > = PublicTableNameOrOptions extends { schema: keyof Database }
-  ? (Database[PublicTableNameOrOptions['schema']]['Tables'] &
-      Database[PublicTableNameOrOptions['schema']]['Views'])[TableName] extends {
-      Row: infer R;
+  ? (Database[PublicTableNameOrOptions["schema"]]["Tables"] &
+      Database[PublicTableNameOrOptions["schema"]]["Views"])[TableName] extends {
+      Row: infer R
     }
     ? R
     : never
-  : PublicTableNameOrOptions extends keyof (PublicSchema['Tables'] & PublicSchema['Views'])
-    ? (PublicSchema['Tables'] & PublicSchema['Views'])[PublicTableNameOrOptions] extends {
-        Row: infer R;
+  : PublicTableNameOrOptions extends keyof (PublicSchema["Tables"] &
+        PublicSchema["Views"])
+    ? (PublicSchema["Tables"] &
+        PublicSchema["Views"])[PublicTableNameOrOptions] extends {
+        Row: infer R
       }
       ? R
       : never
-    : never;
+    : never
 
 export type TablesInsert<
-  PublicTableNameOrOptions extends keyof PublicSchema['Tables'] | { schema: keyof Database },
+  PublicTableNameOrOptions extends
+    | keyof PublicSchema["Tables"]
+    | { schema: keyof Database },
   TableName extends PublicTableNameOrOptions extends { schema: keyof Database }
-    ? keyof Database[PublicTableNameOrOptions['schema']]['Tables']
+    ? keyof Database[PublicTableNameOrOptions["schema"]]["Tables"]
     : never = never,
 > = PublicTableNameOrOptions extends { schema: keyof Database }
-  ? Database[PublicTableNameOrOptions['schema']]['Tables'][TableName] extends {
-      Insert: infer I;
+  ? Database[PublicTableNameOrOptions["schema"]]["Tables"][TableName] extends {
+      Insert: infer I
     }
     ? I
     : never
-  : PublicTableNameOrOptions extends keyof PublicSchema['Tables']
-    ? PublicSchema['Tables'][PublicTableNameOrOptions] extends {
-        Insert: infer I;
+  : PublicTableNameOrOptions extends keyof PublicSchema["Tables"]
+    ? PublicSchema["Tables"][PublicTableNameOrOptions] extends {
+        Insert: infer I
       }
       ? I
       : never
-    : never;
+    : never
 
 export type TablesUpdate<
-  PublicTableNameOrOptions extends keyof PublicSchema['Tables'] | { schema: keyof Database },
+  PublicTableNameOrOptions extends
+    | keyof PublicSchema["Tables"]
+    | { schema: keyof Database },
   TableName extends PublicTableNameOrOptions extends { schema: keyof Database }
-    ? keyof Database[PublicTableNameOrOptions['schema']]['Tables']
+    ? keyof Database[PublicTableNameOrOptions["schema"]]["Tables"]
     : never = never,
 > = PublicTableNameOrOptions extends { schema: keyof Database }
-  ? Database[PublicTableNameOrOptions['schema']]['Tables'][TableName] extends {
-      Update: infer U;
+  ? Database[PublicTableNameOrOptions["schema"]]["Tables"][TableName] extends {
+      Update: infer U
     }
     ? U
     : never
-  : PublicTableNameOrOptions extends keyof PublicSchema['Tables']
-    ? PublicSchema['Tables'][PublicTableNameOrOptions] extends {
-        Update: infer U;
+  : PublicTableNameOrOptions extends keyof PublicSchema["Tables"]
+    ? PublicSchema["Tables"][PublicTableNameOrOptions] extends {
+        Update: infer U
       }
       ? U
       : never
-    : never;
+    : never
 
 export type Enums<
-  PublicEnumNameOrOptions extends keyof PublicSchema['Enums'] | { schema: keyof Database },
+  PublicEnumNameOrOptions extends
+    | keyof PublicSchema["Enums"]
+    | { schema: keyof Database },
   EnumName extends PublicEnumNameOrOptions extends { schema: keyof Database }
-    ? keyof Database[PublicEnumNameOrOptions['schema']]['Enums']
+    ? keyof Database[PublicEnumNameOrOptions["schema"]]["Enums"]
     : never = never,
 > = PublicEnumNameOrOptions extends { schema: keyof Database }
-  ? Database[PublicEnumNameOrOptions['schema']]['Enums'][EnumName]
-  : PublicEnumNameOrOptions extends keyof PublicSchema['Enums']
-    ? PublicSchema['Enums'][PublicEnumNameOrOptions]
-    : never;
+  ? Database[PublicEnumNameOrOptions["schema"]]["Enums"][EnumName]
+  : PublicEnumNameOrOptions extends keyof PublicSchema["Enums"]
+    ? PublicSchema["Enums"][PublicEnumNameOrOptions]
+    : never
 
 export type CompositeTypes<
-  PublicCompositeTypeNameOrOptions extends keyof PublicSchema['CompositeTypes'] | { schema: keyof Database },
+  PublicCompositeTypeNameOrOptions extends
+    | keyof PublicSchema["CompositeTypes"]
+    | { schema: keyof Database },
   CompositeTypeName extends PublicCompositeTypeNameOrOptions extends {
-    schema: keyof Database;
+    schema: keyof Database
   }
-    ? keyof Database[PublicCompositeTypeNameOrOptions['schema']]['CompositeTypes']
+    ? keyof Database[PublicCompositeTypeNameOrOptions["schema"]]["CompositeTypes"]
     : never = never,
 > = PublicCompositeTypeNameOrOptions extends { schema: keyof Database }
-  ? Database[PublicCompositeTypeNameOrOptions['schema']]['CompositeTypes'][CompositeTypeName]
-  : PublicCompositeTypeNameOrOptions extends keyof PublicSchema['CompositeTypes']
-    ? PublicSchema['CompositeTypes'][PublicCompositeTypeNameOrOptions]
-    : never;
+  ? Database[PublicCompositeTypeNameOrOptions["schema"]]["CompositeTypes"][CompositeTypeName]
+  : PublicCompositeTypeNameOrOptions extends keyof PublicSchema["CompositeTypes"]
+    ? PublicSchema["CompositeTypes"][PublicCompositeTypeNameOrOptions]
+    : never
+

From bed9fc4691c71fba18ce4e9ecca0a23082581b5f Mon Sep 17 00:00:00 2001
From: Pinx0 <plponce@gmail.com>
Date: Fri, 8 Nov 2024 11:34:35 +0100
Subject: [PATCH 4/7] refactor: remove unused import

---
 src/context/RoleProvider.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/context/RoleProvider.tsx b/src/context/RoleProvider.tsx
index 9bb0f674..efbdd628 100644
--- a/src/context/RoleProvider.tsx
+++ b/src/context/RoleProvider.tsx
@@ -1,5 +1,5 @@
 'use client';
-import React, { createContext, PropsWithChildren, ReactNode, useContext, useEffect, useState } from 'react';
+import React, { createContext, PropsWithChildren, useContext, useEffect, useState } from 'react';
 import { supabase } from '@/lib/supabase/client';
 import { useSession } from './SessionProvider';
 

From 166ea7676dc80597b1afb23dad944f8c679d55bb Mon Sep 17 00:00:00 2001
From: Pinx0 <plponce@gmail.com>
Date: Fri, 8 Nov 2024 11:35:21 +0100
Subject: [PATCH 5/7] style: run prettier

---
 src/types/database.ts | 767 ++++++++++++++++++++----------------------
 1 file changed, 374 insertions(+), 393 deletions(-)

diff --git a/src/types/database.ts b/src/types/database.ts
index 2f2fc98b..e08e97bc 100644
--- a/src/types/database.ts
+++ b/src/types/database.ts
@@ -1,491 +1,472 @@
-export type Json =
-  | string
-  | number
-  | boolean
-  | null
-  | { [key: string]: Json | undefined }
-  | Json[]
+export type Json = string | number | boolean | null | { [key: string]: Json | undefined } | Json[];
 
 export type Database = {
   graphql_public: {
     Tables: {
-      [_ in never]: never
-    }
+      [_ in never]: never;
+    };
     Views: {
-      [_ in never]: never
-    }
+      [_ in never]: never;
+    };
     Functions: {
       graphql: {
         Args: {
-          operationName?: string
-          query?: string
-          variables?: Json
-          extensions?: Json
-        }
-        Returns: Json
-      }
-    }
+          operationName?: string;
+          query?: string;
+          variables?: Json;
+          extensions?: Json;
+        };
+        Returns: Json;
+      };
+    };
     Enums: {
-      [_ in never]: never
-    }
+      [_ in never]: never;
+    };
     CompositeTypes: {
-      [_ in never]: never
-    }
-  }
+      [_ in never]: never;
+    };
+  };
   public: {
     Tables: {
       collection_points: {
         Row: {
-          accepted_items: string[] | null
-          city: string | null
-          contact_name: string | null
-          contact_phone: string | null
-          coordinates: unknown | null
-          created_at: string | null
-          id: number
-          location: string | null
-          name: string | null
-          status: string | null
-          type: string | null
-          urgent_needs: string | null
-        }
+          accepted_items: string[] | null;
+          city: string | null;
+          contact_name: string | null;
+          contact_phone: string | null;
+          coordinates: unknown | null;
+          created_at: string | null;
+          id: number;
+          location: string | null;
+          name: string | null;
+          status: string | null;
+          type: string | null;
+          urgent_needs: string | null;
+        };
         Insert: {
-          accepted_items?: string[] | null
-          city?: string | null
-          contact_name?: string | null
-          contact_phone?: string | null
-          coordinates?: unknown | null
-          created_at?: string | null
-          id?: number
-          location?: string | null
-          name?: string | null
-          status?: string | null
-          type?: string | null
-          urgent_needs?: string | null
-        }
+          accepted_items?: string[] | null;
+          city?: string | null;
+          contact_name?: string | null;
+          contact_phone?: string | null;
+          coordinates?: unknown | null;
+          created_at?: string | null;
+          id?: number;
+          location?: string | null;
+          name?: string | null;
+          status?: string | null;
+          type?: string | null;
+          urgent_needs?: string | null;
+        };
         Update: {
-          accepted_items?: string[] | null
-          city?: string | null
-          contact_name?: string | null
-          contact_phone?: string | null
-          coordinates?: unknown | null
-          created_at?: string | null
-          id?: number
-          location?: string | null
-          name?: string | null
-          status?: string | null
-          type?: string | null
-          urgent_needs?: string | null
-        }
-        Relationships: []
-      }
+          accepted_items?: string[] | null;
+          city?: string | null;
+          contact_name?: string | null;
+          contact_phone?: string | null;
+          coordinates?: unknown | null;
+          created_at?: string | null;
+          id?: number;
+          location?: string | null;
+          name?: string | null;
+          status?: string | null;
+          type?: string | null;
+          urgent_needs?: string | null;
+        };
+        Relationships: [];
+      };
       delivery_points: {
         Row: {
-          additional_info: string | null
-          cargo_type: string | null
-          city: string
-          contact_email: string | null
-          contact_name: string | null
-          contact_phone: string | null
-          coordinates: unknown | null
-          created_at: string
-          id: string
-          latitude: number | null
-          location: string
-          longitude: number | null
-          name: string
-          schedule: string | null
-          status: string | null
-          user_id: string | null
-          vehicle_type: string | null
-        }
+          additional_info: string | null;
+          cargo_type: string | null;
+          city: string;
+          contact_email: string | null;
+          contact_name: string | null;
+          contact_phone: string | null;
+          coordinates: unknown | null;
+          created_at: string;
+          id: string;
+          latitude: number | null;
+          location: string;
+          longitude: number | null;
+          name: string;
+          schedule: string | null;
+          status: string | null;
+          user_id: string | null;
+          vehicle_type: string | null;
+        };
         Insert: {
-          additional_info?: string | null
-          cargo_type?: string | null
-          city: string
-          contact_email?: string | null
-          contact_name?: string | null
-          contact_phone?: string | null
-          coordinates?: unknown | null
-          created_at?: string
-          id?: string
-          latitude?: number | null
-          location: string
-          longitude?: number | null
-          name: string
-          schedule?: string | null
-          status?: string | null
-          user_id?: string | null
-          vehicle_type?: string | null
-        }
+          additional_info?: string | null;
+          cargo_type?: string | null;
+          city: string;
+          contact_email?: string | null;
+          contact_name?: string | null;
+          contact_phone?: string | null;
+          coordinates?: unknown | null;
+          created_at?: string;
+          id?: string;
+          latitude?: number | null;
+          location: string;
+          longitude?: number | null;
+          name: string;
+          schedule?: string | null;
+          status?: string | null;
+          user_id?: string | null;
+          vehicle_type?: string | null;
+        };
         Update: {
-          additional_info?: string | null
-          cargo_type?: string | null
-          city?: string
-          contact_email?: string | null
-          contact_name?: string | null
-          contact_phone?: string | null
-          coordinates?: unknown | null
-          created_at?: string
-          id?: string
-          latitude?: number | null
-          location?: string
-          longitude?: number | null
-          name?: string
-          schedule?: string | null
-          status?: string | null
-          user_id?: string | null
-          vehicle_type?: string | null
-        }
-        Relationships: []
-      }
+          additional_info?: string | null;
+          cargo_type?: string | null;
+          city?: string;
+          contact_email?: string | null;
+          contact_name?: string | null;
+          contact_phone?: string | null;
+          coordinates?: unknown | null;
+          created_at?: string;
+          id?: string;
+          latitude?: number | null;
+          location?: string;
+          longitude?: number | null;
+          name?: string;
+          schedule?: string | null;
+          status?: string | null;
+          user_id?: string | null;
+          vehicle_type?: string | null;
+        };
+        Relationships: [];
+      };
       help_request_assignments: {
         Row: {
-          assigned_at: string | null
-          help_request_id: number
-          id: number
-          people_count: number | null
-          phone_number: string
-          user_id: string | null
-        }
+          assigned_at: string | null;
+          help_request_id: number;
+          id: number;
+          people_count: number | null;
+          phone_number: string;
+          user_id: string | null;
+        };
         Insert: {
-          assigned_at?: string | null
-          help_request_id: number
-          id?: number
-          people_count?: number | null
-          phone_number: string
-          user_id?: string | null
-        }
+          assigned_at?: string | null;
+          help_request_id: number;
+          id?: number;
+          people_count?: number | null;
+          phone_number: string;
+          user_id?: string | null;
+        };
         Update: {
-          assigned_at?: string | null
-          help_request_id?: number
-          id?: number
-          people_count?: number | null
-          phone_number?: string
-          user_id?: string | null
-        }
+          assigned_at?: string | null;
+          help_request_id?: number;
+          id?: number;
+          people_count?: number | null;
+          phone_number?: string;
+          user_id?: string | null;
+        };
         Relationships: [
           {
-            foreignKeyName: "fk_help_request"
-            columns: ["help_request_id"]
-            isOneToOne: false
-            referencedRelation: "help_requests"
-            referencedColumns: ["id"]
+            foreignKeyName: 'fk_help_request';
+            columns: ['help_request_id'];
+            isOneToOne: false;
+            referencedRelation: 'help_requests';
+            referencedColumns: ['id'];
           },
-        ]
-      }
+        ];
+      };
       help_requests: {
         Row: {
-          additional_info: Json | null
-          contact_info: string | null
-          coordinates: unknown | null
-          created_at: string | null
-          description: string | null
-          help_type: Database["public"]["Enums"]["help_type_enum"][] | null
-          id: number
-          latitude: number | null
-          location: string | null
-          longitude: number | null
-          name: string | null
-          number_of_people: number | null
-          other_help: string | null
-          people_needed: number | null
-          resources: Json | null
-          status: string | null
-          town_id: number | null
-          type: string | null
-          urgency: string | null
-          user_id: string | null
-        }
+          additional_info: Json | null;
+          contact_info: string | null;
+          coordinates: unknown | null;
+          created_at: string | null;
+          description: string | null;
+          help_type: Database['public']['Enums']['help_type_enum'][] | null;
+          id: number;
+          latitude: number | null;
+          location: string | null;
+          longitude: number | null;
+          name: string | null;
+          number_of_people: number | null;
+          other_help: string | null;
+          people_needed: number | null;
+          resources: Json | null;
+          status: string | null;
+          town_id: number | null;
+          type: string | null;
+          urgency: string | null;
+          user_id: string | null;
+        };
         Insert: {
-          additional_info?: Json | null
-          contact_info?: string | null
-          coordinates?: unknown | null
-          created_at?: string | null
-          description?: string | null
-          help_type?: Database["public"]["Enums"]["help_type_enum"][] | null
-          id?: number
-          latitude?: number | null
-          location?: string | null
-          longitude?: number | null
-          name?: string | null
-          number_of_people?: number | null
-          other_help?: string | null
-          people_needed?: number | null
-          resources?: Json | null
-          status?: string | null
-          town_id?: number | null
-          type?: string | null
-          urgency?: string | null
-          user_id?: string | null
-        }
+          additional_info?: Json | null;
+          contact_info?: string | null;
+          coordinates?: unknown | null;
+          created_at?: string | null;
+          description?: string | null;
+          help_type?: Database['public']['Enums']['help_type_enum'][] | null;
+          id?: number;
+          latitude?: number | null;
+          location?: string | null;
+          longitude?: number | null;
+          name?: string | null;
+          number_of_people?: number | null;
+          other_help?: string | null;
+          people_needed?: number | null;
+          resources?: Json | null;
+          status?: string | null;
+          town_id?: number | null;
+          type?: string | null;
+          urgency?: string | null;
+          user_id?: string | null;
+        };
         Update: {
-          additional_info?: Json | null
-          contact_info?: string | null
-          coordinates?: unknown | null
-          created_at?: string | null
-          description?: string | null
-          help_type?: Database["public"]["Enums"]["help_type_enum"][] | null
-          id?: number
-          latitude?: number | null
-          location?: string | null
-          longitude?: number | null
-          name?: string | null
-          number_of_people?: number | null
-          other_help?: string | null
-          people_needed?: number | null
-          resources?: Json | null
-          status?: string | null
-          town_id?: number | null
-          type?: string | null
-          urgency?: string | null
-          user_id?: string | null
-        }
+          additional_info?: Json | null;
+          contact_info?: string | null;
+          coordinates?: unknown | null;
+          created_at?: string | null;
+          description?: string | null;
+          help_type?: Database['public']['Enums']['help_type_enum'][] | null;
+          id?: number;
+          latitude?: number | null;
+          location?: string | null;
+          longitude?: number | null;
+          name?: string | null;
+          number_of_people?: number | null;
+          other_help?: string | null;
+          people_needed?: number | null;
+          resources?: Json | null;
+          status?: string | null;
+          town_id?: number | null;
+          type?: string | null;
+          urgency?: string | null;
+          user_id?: string | null;
+        };
         Relationships: [
           {
-            foreignKeyName: "help_requests_town_id_fkey"
-            columns: ["town_id"]
-            isOneToOne: false
-            referencedRelation: "towns"
-            referencedColumns: ["id"]
+            foreignKeyName: 'help_requests_town_id_fkey';
+            columns: ['town_id'];
+            isOneToOne: false;
+            referencedRelation: 'towns';
+            referencedColumns: ['id'];
           },
-        ]
-      }
+        ];
+      };
       missing_persons: {
         Row: {
-          additional_info: Json | null
-          age: number | null
-          clothing_description: string | null
-          coordinates: unknown | null
-          created_at: string | null
-          description: string | null
-          gender: string | null
-          height: number | null
-          id: number
-          last_seen_date: string | null
-          last_seen_location: string | null
-          medical_conditions: string | null
-          name: string | null
-          reporter_contact: string | null
-          reporter_name: string | null
-          reporter_relationship: string | null
-          secondary_contact: string | null
-          status: string | null
-        }
+          additional_info: Json | null;
+          age: number | null;
+          clothing_description: string | null;
+          coordinates: unknown | null;
+          created_at: string | null;
+          description: string | null;
+          gender: string | null;
+          height: number | null;
+          id: number;
+          last_seen_date: string | null;
+          last_seen_location: string | null;
+          medical_conditions: string | null;
+          name: string | null;
+          reporter_contact: string | null;
+          reporter_name: string | null;
+          reporter_relationship: string | null;
+          secondary_contact: string | null;
+          status: string | null;
+        };
         Insert: {
-          additional_info?: Json | null
-          age?: number | null
-          clothing_description?: string | null
-          coordinates?: unknown | null
-          created_at?: string | null
-          description?: string | null
-          gender?: string | null
-          height?: number | null
-          id?: number
-          last_seen_date?: string | null
-          last_seen_location?: string | null
-          medical_conditions?: string | null
-          name?: string | null
-          reporter_contact?: string | null
-          reporter_name?: string | null
-          reporter_relationship?: string | null
-          secondary_contact?: string | null
-          status?: string | null
-        }
+          additional_info?: Json | null;
+          age?: number | null;
+          clothing_description?: string | null;
+          coordinates?: unknown | null;
+          created_at?: string | null;
+          description?: string | null;
+          gender?: string | null;
+          height?: number | null;
+          id?: number;
+          last_seen_date?: string | null;
+          last_seen_location?: string | null;
+          medical_conditions?: string | null;
+          name?: string | null;
+          reporter_contact?: string | null;
+          reporter_name?: string | null;
+          reporter_relationship?: string | null;
+          secondary_contact?: string | null;
+          status?: string | null;
+        };
         Update: {
-          additional_info?: Json | null
-          age?: number | null
-          clothing_description?: string | null
-          coordinates?: unknown | null
-          created_at?: string | null
-          description?: string | null
-          gender?: string | null
-          height?: number | null
-          id?: number
-          last_seen_date?: string | null
-          last_seen_location?: string | null
-          medical_conditions?: string | null
-          name?: string | null
-          reporter_contact?: string | null
-          reporter_name?: string | null
-          reporter_relationship?: string | null
-          secondary_contact?: string | null
-          status?: string | null
-        }
-        Relationships: []
-      }
+          additional_info?: Json | null;
+          age?: number | null;
+          clothing_description?: string | null;
+          coordinates?: unknown | null;
+          created_at?: string | null;
+          description?: string | null;
+          gender?: string | null;
+          height?: number | null;
+          id?: number;
+          last_seen_date?: string | null;
+          last_seen_location?: string | null;
+          medical_conditions?: string | null;
+          name?: string | null;
+          reporter_contact?: string | null;
+          reporter_name?: string | null;
+          reporter_relationship?: string | null;
+          secondary_contact?: string | null;
+          status?: string | null;
+        };
+        Relationships: [];
+      };
       towns: {
         Row: {
-          created_at: string
-          help_needed: number | null
-          id: number
-          name: string | null
-          people_helping: number | null
-        }
+          created_at: string;
+          help_needed: number | null;
+          id: number;
+          name: string | null;
+          people_helping: number | null;
+        };
         Insert: {
-          created_at?: string
-          help_needed?: number | null
-          id?: number
-          name?: string | null
-          people_helping?: number | null
-        }
+          created_at?: string;
+          help_needed?: number | null;
+          id?: number;
+          name?: string | null;
+          people_helping?: number | null;
+        };
         Update: {
-          created_at?: string
-          help_needed?: number | null
-          id?: number
-          name?: string | null
-          people_helping?: number | null
-        }
-        Relationships: []
-      }
+          created_at?: string;
+          help_needed?: number | null;
+          id?: number;
+          name?: string | null;
+          people_helping?: number | null;
+        };
+        Relationships: [];
+      };
       user_roles: {
         Row: {
-          created_at: string
-          id: number
-          role: Database["public"]["Enums"]["roles"] | null
-          user_id: string | null
-        }
+          created_at: string;
+          id: number;
+          role: Database['public']['Enums']['roles'] | null;
+          user_id: string | null;
+        };
         Insert: {
-          created_at?: string
-          id?: number
-          role?: Database["public"]["Enums"]["roles"] | null
-          user_id?: string | null
-        }
+          created_at?: string;
+          id?: number;
+          role?: Database['public']['Enums']['roles'] | null;
+          user_id?: string | null;
+        };
         Update: {
-          created_at?: string
-          id?: number
-          role?: Database["public"]["Enums"]["roles"] | null
-          user_id?: string | null
-        }
-        Relationships: []
-      }
-    }
+          created_at?: string;
+          id?: number;
+          role?: Database['public']['Enums']['roles'] | null;
+          user_id?: string | null;
+        };
+        Relationships: [];
+      };
+    };
     Views: {
       distinct_collection_cities: {
         Row: {
-          city: string | null
-        }
-        Relationships: []
-      }
-    }
+          city: string | null;
+        };
+        Relationships: [];
+      };
+    };
     Functions: {
-      [_ in never]: never
-    }
+      [_ in never]: never;
+    };
     Enums: {
       help_type_enum:
-        | "limpieza"
-        | "alojamiento"
-        | "evacuacion"
-        | "distribucion"
-        | "rescate"
-        | "medica"
-        | "psicologico"
-        | "logistico"
-        | "otros"
-        | "reparto"
-        | "donaciones"
-      roles: "user" | "moderator" | "admin"
-    }
+        | 'limpieza'
+        | 'alojamiento'
+        | 'evacuacion'
+        | 'distribucion'
+        | 'rescate'
+        | 'medica'
+        | 'psicologico'
+        | 'logistico'
+        | 'otros'
+        | 'reparto'
+        | 'donaciones';
+      roles: 'user' | 'moderator' | 'admin';
+    };
     CompositeTypes: {
-      [_ in never]: never
-    }
-  }
-}
+      [_ in never]: never;
+    };
+  };
+};
 
-type PublicSchema = Database[Extract<keyof Database, "public">]
+type PublicSchema = Database[Extract<keyof Database, 'public'>];
 
 export type Tables<
-  PublicTableNameOrOptions extends
-    | keyof (PublicSchema["Tables"] & PublicSchema["Views"])
-    | { schema: keyof Database },
+  PublicTableNameOrOptions extends keyof (PublicSchema['Tables'] & PublicSchema['Views']) | { schema: keyof Database },
   TableName extends PublicTableNameOrOptions extends { schema: keyof Database }
-    ? keyof (Database[PublicTableNameOrOptions["schema"]]["Tables"] &
-        Database[PublicTableNameOrOptions["schema"]]["Views"])
+    ? keyof (Database[PublicTableNameOrOptions['schema']]['Tables'] &
+        Database[PublicTableNameOrOptions['schema']]['Views'])
     : never = never,
 > = PublicTableNameOrOptions extends { schema: keyof Database }
-  ? (Database[PublicTableNameOrOptions["schema"]]["Tables"] &
-      Database[PublicTableNameOrOptions["schema"]]["Views"])[TableName] extends {
-      Row: infer R
+  ? (Database[PublicTableNameOrOptions['schema']]['Tables'] &
+      Database[PublicTableNameOrOptions['schema']]['Views'])[TableName] extends {
+      Row: infer R;
     }
     ? R
     : never
-  : PublicTableNameOrOptions extends keyof (PublicSchema["Tables"] &
-        PublicSchema["Views"])
-    ? (PublicSchema["Tables"] &
-        PublicSchema["Views"])[PublicTableNameOrOptions] extends {
-        Row: infer R
+  : PublicTableNameOrOptions extends keyof (PublicSchema['Tables'] & PublicSchema['Views'])
+    ? (PublicSchema['Tables'] & PublicSchema['Views'])[PublicTableNameOrOptions] extends {
+        Row: infer R;
       }
       ? R
       : never
-    : never
+    : never;
 
 export type TablesInsert<
-  PublicTableNameOrOptions extends
-    | keyof PublicSchema["Tables"]
-    | { schema: keyof Database },
+  PublicTableNameOrOptions extends keyof PublicSchema['Tables'] | { schema: keyof Database },
   TableName extends PublicTableNameOrOptions extends { schema: keyof Database }
-    ? keyof Database[PublicTableNameOrOptions["schema"]]["Tables"]
+    ? keyof Database[PublicTableNameOrOptions['schema']]['Tables']
     : never = never,
 > = PublicTableNameOrOptions extends { schema: keyof Database }
-  ? Database[PublicTableNameOrOptions["schema"]]["Tables"][TableName] extends {
-      Insert: infer I
+  ? Database[PublicTableNameOrOptions['schema']]['Tables'][TableName] extends {
+      Insert: infer I;
     }
     ? I
     : never
-  : PublicTableNameOrOptions extends keyof PublicSchema["Tables"]
-    ? PublicSchema["Tables"][PublicTableNameOrOptions] extends {
-        Insert: infer I
+  : PublicTableNameOrOptions extends keyof PublicSchema['Tables']
+    ? PublicSchema['Tables'][PublicTableNameOrOptions] extends {
+        Insert: infer I;
       }
       ? I
       : never
-    : never
+    : never;
 
 export type TablesUpdate<
-  PublicTableNameOrOptions extends
-    | keyof PublicSchema["Tables"]
-    | { schema: keyof Database },
+  PublicTableNameOrOptions extends keyof PublicSchema['Tables'] | { schema: keyof Database },
   TableName extends PublicTableNameOrOptions extends { schema: keyof Database }
-    ? keyof Database[PublicTableNameOrOptions["schema"]]["Tables"]
+    ? keyof Database[PublicTableNameOrOptions['schema']]['Tables']
     : never = never,
 > = PublicTableNameOrOptions extends { schema: keyof Database }
-  ? Database[PublicTableNameOrOptions["schema"]]["Tables"][TableName] extends {
-      Update: infer U
+  ? Database[PublicTableNameOrOptions['schema']]['Tables'][TableName] extends {
+      Update: infer U;
     }
     ? U
     : never
-  : PublicTableNameOrOptions extends keyof PublicSchema["Tables"]
-    ? PublicSchema["Tables"][PublicTableNameOrOptions] extends {
-        Update: infer U
+  : PublicTableNameOrOptions extends keyof PublicSchema['Tables']
+    ? PublicSchema['Tables'][PublicTableNameOrOptions] extends {
+        Update: infer U;
       }
       ? U
       : never
-    : never
+    : never;
 
 export type Enums<
-  PublicEnumNameOrOptions extends
-    | keyof PublicSchema["Enums"]
-    | { schema: keyof Database },
+  PublicEnumNameOrOptions extends keyof PublicSchema['Enums'] | { schema: keyof Database },
   EnumName extends PublicEnumNameOrOptions extends { schema: keyof Database }
-    ? keyof Database[PublicEnumNameOrOptions["schema"]]["Enums"]
+    ? keyof Database[PublicEnumNameOrOptions['schema']]['Enums']
     : never = never,
 > = PublicEnumNameOrOptions extends { schema: keyof Database }
-  ? Database[PublicEnumNameOrOptions["schema"]]["Enums"][EnumName]
-  : PublicEnumNameOrOptions extends keyof PublicSchema["Enums"]
-    ? PublicSchema["Enums"][PublicEnumNameOrOptions]
-    : never
+  ? Database[PublicEnumNameOrOptions['schema']]['Enums'][EnumName]
+  : PublicEnumNameOrOptions extends keyof PublicSchema['Enums']
+    ? PublicSchema['Enums'][PublicEnumNameOrOptions]
+    : never;
 
 export type CompositeTypes<
-  PublicCompositeTypeNameOrOptions extends
-    | keyof PublicSchema["CompositeTypes"]
-    | { schema: keyof Database },
+  PublicCompositeTypeNameOrOptions extends keyof PublicSchema['CompositeTypes'] | { schema: keyof Database },
   CompositeTypeName extends PublicCompositeTypeNameOrOptions extends {
-    schema: keyof Database
+    schema: keyof Database;
   }
-    ? keyof Database[PublicCompositeTypeNameOrOptions["schema"]]["CompositeTypes"]
+    ? keyof Database[PublicCompositeTypeNameOrOptions['schema']]['CompositeTypes']
     : never = never,
 > = PublicCompositeTypeNameOrOptions extends { schema: keyof Database }
-  ? Database[PublicCompositeTypeNameOrOptions["schema"]]["CompositeTypes"][CompositeTypeName]
-  : PublicCompositeTypeNameOrOptions extends keyof PublicSchema["CompositeTypes"]
-    ? PublicSchema["CompositeTypes"][PublicCompositeTypeNameOrOptions]
-    : never
-
+  ? Database[PublicCompositeTypeNameOrOptions['schema']]['CompositeTypes'][CompositeTypeName]
+  : PublicCompositeTypeNameOrOptions extends keyof PublicSchema['CompositeTypes']
+    ? PublicSchema['CompositeTypes'][PublicCompositeTypeNameOrOptions]
+    : never;

From 91f8f325adc5f917703b01411a69cd70b085120c Mon Sep 17 00:00:00 2001
From: Pablo Gracia Gil <pablo.graciag@gmail.com>
Date: Fri, 8 Nov 2024 12:13:29 +0100
Subject: [PATCH 6/7] async components use server supabase

---
 .gitignore                       |  3 +++
 src/app/casos-activos/layout.tsx | 27 ++++++++++++++-------------
 src/app/page.tsx                 |  2 +-
 src/lib/service.ts               |  2 ++
 4 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/.gitignore b/.gitignore
index 43b28bba..00aba771 100644
--- a/.gitignore
+++ b/.gitignore
@@ -61,3 +61,6 @@ node_modules/
 /playwright-report/
 /blob-report/
 /playwright/.cache/
+
+# Snaplet
+/.snaplet/
\ No newline at end of file
diff --git a/src/app/casos-activos/layout.tsx b/src/app/casos-activos/layout.tsx
index 4944cf4f..85086a99 100644
--- a/src/app/casos-activos/layout.tsx
+++ b/src/app/casos-activos/layout.tsx
@@ -1,18 +1,18 @@
-import { supabase } from '@/lib/supabase/client';
+import { createClient } from '@/lib/supabase/server';
 import TabNavigation from '@/components/TabNavigation';
 import { PropsWithChildren } from 'react';
-const getCount = async () => {
-  const {
-    data: solicitaData,
-    count: solicitaCount,
-    error: solicitaError,
-  } = await supabase.from('help_requests').select('id', { count: 'exact' }).eq('type', 'necesita');
+import { SupabaseClient } from '@supabase/supabase-js';
+import { Database } from '@/types/database';
+const getCount = async (supabase: SupabaseClient<Database>) => {
+  const { count: solicitaCount, error: solicitaError } = await supabase
+    .from('help_requests')
+    .select('id', { count: 'exact' })
+    .eq('type', 'necesita');
 
-  const {
-    data: ofreceData,
-    count: ofreceCount,
-    error: ofreceError,
-  } = await supabase.from('help_requests').select('id', { count: 'exact' }).eq('type', 'ofrece');
+  const { count: ofreceCount, error: ofreceError } = await supabase
+    .from('help_requests')
+    .select('id', { count: 'exact' })
+    .eq('type', 'ofrece');
 
   if (solicitaError) {
     throw new Error('Error fetching solicita:', solicitaError);
@@ -28,7 +28,8 @@ const getCount = async () => {
 };
 
 export default async function CasosActivosLayout({ children }: PropsWithChildren) {
-  const count = await getCount();
+  const supabase = await createClient();
+  const count = await getCount(supabase);
   return (
     <>
       <div className="space-y-6 mx-auto max-w-7xl px-4 sm:px-6">
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6d4c2685..a2516ed5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,7 +5,7 @@ import PhoneNumberDialog from '@/components/auth/PhoneNumberDialog';
 import Image from 'next/image';
 import { CallCenterLink } from '@/components/CallCenterLink';
 
-export default function Home() {
+export default async function Home() {
   const emergencyNumbers = [
     { name: 'Emergencias', number: '112', description: 'Para situaciones de peligro inmediato' },
     { name: 'Policía Local', number: '092', description: 'Asistencia y seguridad local' },
diff --git a/src/lib/service.ts b/src/lib/service.ts
index 13b58609..a0b2bb42 100644
--- a/src/lib/service.ts
+++ b/src/lib/service.ts
@@ -2,6 +2,7 @@ import { supabase } from './supabase/client';
 import { Database } from '@/types/database';
 import { HelpRequestAssignmentInsert, HelpRequestUpdate } from '@/types/Requests';
 import { createClient } from '@/lib/supabase/server';
+import { SupabaseClient } from '@supabase/supabase-js';
 
 export const helpRequestService = {
   async createRequest(requestData: Database['public']['Tables']['help_requests']['Insert']) {
@@ -114,6 +115,7 @@ export const helpRequestService = {
     };
   },
   async getTodaysCountByTown() {
+    const supabase = await getSupabaseClient();
     const today = new Date().toISOString().split('T')[0];
 
     const { data: towns, error: townError } = await supabase.from('towns').select('id, name');

From c053e10318cc4a872a3c65ae03a1b4cd5e45363e Mon Sep 17 00:00:00 2001
From: Pinx0 <plponce@gmail.com>
Date: Fri, 8 Nov 2024 12:38:02 +0100
Subject: [PATCH 7/7] feat: redirect casos-activos to casos-activos/solicitudes

---
 src/lib/supabase/middleware.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/lib/supabase/middleware.ts b/src/lib/supabase/middleware.ts
index 4f96c7f2..03a11751 100644
--- a/src/lib/supabase/middleware.ts
+++ b/src/lib/supabase/middleware.ts
@@ -31,6 +31,11 @@ export async function updateSession(request: NextRequest) {
 
   const url = request.nextUrl.clone();
 
+  if (request.nextUrl.pathname === '/casos-activos') {
+    url.pathname = '/casos-activos/solicitudes';
+    return NextResponse.redirect(url);
+  }
+
   // IMPORTANT: You *must* return the supabaseResponse object as it is. If you're
   // creating a new response object with NextResponse.next() make sure to:
   // 1. Pass the request in it, like so: