import React, {useState, useEffect, useRef} from 'react' import { Button, Text, View, StyleSheet, Dimensions} from 'react-native' import {FlatList, ListViewBase } from 'react-native' import {TouchableOpacity} from 'react-native-gesture-handler' import {List, Divider} from 'react-native-paper' import Loading from './Loading' import firebase from 'firebase'; import { styles } from "../../config/styles"; import { TextInput, TouchableWithoutFeedback, Keyboard, ImageBackground} from "react-native"; import { connect } from 'react-redux' import { bindActionCreators } from 'redux' import { fetchUser } from '../../redux/actions/index' export function Cita({route, navigation}) { const [threads, setThreads] = useState([]); const [loading, setLoading] = useState(true); console.log("ID", route.params); const [appointments, setAppointments] = useState([]); const[interpreter, setState] = useState(); useEffect(() => { const fire = firebase.firestore() .collection('THREADS') .where("cita", "==", route.params.tag._id) .onSnapshot(querySnapshot => { const threads = querySnapshot.docs.map(documentSnapshot => { return{ _id:documentSnapshot.id, name:'', ...documentSnapshot.data() }; }); setThreads(threads); console.log(threads); if(loading){ setLoading(false); } }); 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(); } }, []); function check_user_type_INT(){ firebase.firestore() .collection("Interprete") .doc(firebase.auth().currentUser.uid) .get() .then((snapshot) => { if(snapshot.exists){ setState(true); } else{ setState(false); } }) if(loading){ setLoading(false); } } check_user_type_INT(); const dimensions = Dimensions.get('window'); const screenWidth = dimensions.width; console.log("Inter: ", interpreter) const Pin = route.params.Pin; if(interpreter == true){ return ( item._id} ItemSeparatorComponent={() => } renderItem = {({item}) => ( navigation.navigate('Room', {thread: item})} > )} /> item._id} ItemSeparatorComponent={() => } renderItem = {({item}) => ( { console.log("cita") }} > )} />