Componentes async usan supabase en el servidor

.gitignore

@@ -61,3 +61,6 @@ node_modules/
 /playwright-report/
 /blob-report/
 /playwright/.cache/
+
+# Snaplet
+/.snaplet/

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">

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' },

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');