Objetivo
Crearemos un nuevo slice utilizando RTK Query de redux, que nos generará hooks que hagan una consulta a supabase y nos entregará los datos necesarios para pintar todos los eventos de un plan en nuestro mapa.
Pasos
- En nuestra carpeta
api crear un nuevo fichero plan.ts
- Seguir los pasos para crear un RTK Query, utilizar de referencia el slice ya creado
- Utilizaremos el endpoint REST de Supabase, comprobar cuál es realmente para traer los planes
- El endpoint recibirá el ID del plan a recuperar
- Llamaremos el endpoint
getPlanById, para así exportar del slice el hook useGetPlanByIdQuery
- Comprobar que para el plan que hemos pedido, nos trae un array con cada evento y sus respectivas ubicaciones con coordinadas
- Utilizar hook en nuestro componente
Map, y pasarle cada una de las coordinadas para pintar marcadores
Referencias
Objetivo
Crearemos un nuevo slice utilizando RTK Query de redux, que nos generará hooks que hagan una consulta a supabase y nos entregará los datos necesarios para pintar todos los eventos de un plan en nuestro mapa.
Pasos
apicrear un nuevo ficheroplan.tsgetPlanById, para así exportar del slice el hookuseGetPlanByIdQueryMap, y pasarle cada una de las coordinadas para pintar marcadoresReferencias