Insertando y obteniendo referencias en datos de Firestore.
En la clase anterior te expliqué cómo estaremos manejando la lógica de los usuarios que dan like a un Place. Lo haremos insertándo su referencia en el Place correspondiente.
1. En el archivo cloud_firestore_api.dart ya teníamos listo el método likePlace
Lo ajustaremos un poco para manejar varias lógicas:
Necesitamos cambiar el parámetro de entrada String idPlace por un objeto Place place además como tambien necesitamos insertar la referencia del usuario que le dio like, agregaremos el parámetro String uid.
La firma del método debe verse de la siguiente forma:
FuturelikePlace(Place place,String uid) async {}
Ahora necesitamos manejar el incremento o decremento de likes dependiendo de la acción: Like (se agrega uno) Dislike (se resta uno). Hasta el momento en ambos casos estamos incrementando el valor, sustituyamos eso por lo siguiente:
3. Por último regresemos al archivo card_image_list.dart
En el método setLiked() dentro colocamos setState() el cuál maneja el estado de la UI, pongamos la llamada a hacer like y reflejar en la base de datos userBloc.likePlace(place, widget.user.uid);
Una vez que ya todo está insertado lo único que nos faltará será reflejar en la UI que el estilo del corazón cambie, para eso pensemos lo siguiente:
Como ahora la responsabilidad de renderear el CardImageFabIcon está en el archivo card_image_list.dart (justo fue lo que trabajamos en la clase anterior), por lo tanto la responsabilidad del método buildPlaces del archivo cloud_firestore_api.dart será unicamente de construir una lista de objetos Places a partir del snapshot entregado por el stream.
1. La firma del método buildPlaces ahora será así:
Se debe añadir el objeto User como parámetro el cuál representará los datos del usario que está logeado, para entonces comparar y validar con la colección de usuarios que dieron like al Place y si alguno coincide. marcarlo como liked.
Dentro quitaremos toda la lógica que correspondía a construir el Card en su lugar recorreremos la lista del snapshot y construiremos la lista de objetos Place. El método debe verse de la siguiente forma:
Observa que en esta línea: List usersLikedRefs = p.data["usersLiked"]; estamos obteniendo la lista de usuarios que dieron like como una lista de referencias, para después recorrerlos si es que existen, eso lo indicamos con el símbolo ?.
Al recorrerlos comparamos si el uid de usuario logeado es igual a alguno de los que están registrados en el place y si lo es marcamos el objeto Place que estamos construyendo como liked con el valor de true.
Por último como est método buildPlaces es llamado en el Stream hacemos lo siguiente
2. Regresemos al archivo card_image_list.dart y en los estados adecuados del Stream pongamos el llamado al método y pasemos como parámetro el objeto user.
Lo hacemos de esta forma en el estado active y done:
