Se añadió un campo a los appointments desde el home_page con la funcion citaId, esto permite desplegar la informacion de la cita en el screen Cita.js usando el mismo parametro en ambos queries, el de los threads y el del appointment

screens/main/Cita.js

@@ -17,6 +17,7 @@ export function Cita({route, navigation}) {
    const [threads, setThreads] = useState([]);  
    const [loading, setLoading] = useState(true);
    console.log("ID", route.params);
+   const [appointments, setAppointments] = useState([]); 
 
 
 
@@ -41,8 +42,27 @@ export function Cita({route, navigation}) {
       }
     });
 
+    const cita = firebase.firestore().collection('APPOINTMENTS').where("citaID", "==", route.params.tag._id).onSnapshot(snapShot => {
+      const appointments = snapShot.docs.map(docSnap => {
+        return{
+          _id:docSnap.id,
+          new:'',
+          Day:'',
+          Month:'',
+          Time:'',
+          i_token:'',
+          u_token:'',
+          Pin: {},
+          ...docSnap.data()
+        };
+      });
+      setAppointments(appointments);
+      console.log("appointment", appointments);
+    });
+
     return () => {
       fire();
+      cita();
     }
   }, []);
     
@@ -78,6 +98,43 @@ export function Cita({route, navigation}) {
           </TouchableOpacity>
         )}
         />
+        <FlatList style={{
+           flex: 1,
+           width: screenWidth,
+       }}
+        data={appointments}
+        keyExtractor = {item => item._id}
+        ItemSeparatorComponent={() => <Divider />}
+        renderItem = {({item}) => (
+        <TouchableOpacity
+        onPress={async () => {
+          console.log("cita")
+        }}
+        >
+          <List.Item
+            title={item.Month}
+            titleNumberOfLines={1}
+            titleStyle={styles.listTitle}
+            descriptionStyle={styles.listDescription}
+            descriptionNumberOfLines={1}
+          />
+          <List.Item
+            title={item.Day}
+            titleNumberOfLines={1}
+            titleStyle={styles.listTitle}
+            descriptionStyle={styles.listDescription}
+            descriptionNumberOfLines={1}
+          />
+          <List.Item
+            title={item.Time}
+            titleNumberOfLines={1}
+            titleStyle={styles.listTitle}
+            descriptionStyle={styles.listDescription}
+            descriptionNumberOfLines={1}
+          />
+        </TouchableOpacity>
+      )}
+          />
       <Button
         title ='Ver mapa'
         onPress= {() => navigation.navigate('Map', {View_Only: true, Pin: Pin})}

screens/main/Home_page.js

@@ -128,6 +128,15 @@ export function Home_page({navigation}) {
     }
 
   }
+
+  function citaId(citaID) {
+    firebase.firestore()
+      .collection('APPOINTMENTS')
+      .doc(citaID)
+      .update({
+        citaID: citaID,
+      })
+  }
   
   check_user_type_INT();
   console.log("interpreter", interpreter);
@@ -186,6 +195,7 @@ export function Home_page({navigation}) {
               title ='Pedir Cita'
               onPress={ async () => {
                 await sendPushNotification(item.i_token);
+                citaId(item._id);
                 }
               }
             /> 
@@ -259,6 +269,7 @@ export function Home_page({navigation}) {
                 title ='Pedir Cita'
                 onPress={ async () => {
                   await sendPushNotification(item.i_token);
+                  citaId(item._id);
                   }
                 }
               />