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' import Constants from 'expo-constants'; import * as Notifications from 'expo-notifications'; Notifications.setNotificationHandler({ handleNotification: async () => ({ shouldShowAlert: true, shouldPlaySound: true, shouldSetBadge: false, }), }); export function Home_page({navigation}) { const [threads, setThreads] = useState([]); const [loading, setLoading] = useState(true); const [appointments, setAppointments] = useState([]); const[interpreter, setState] = useState(); const [expoPushToken, setExpoPushToken] = useState(''); const [notification, setNotification] = useState(false); const notificationListener = useRef(); const responseListener = useRef(); useEffect(() => { registerForPushNotificationsAsync().then(token => setExpoPushToken(token)); notificationListener.current = Notifications.addNotificationReceivedListener(notification => { setNotification(notification); }); responseListener.current = Notifications.addNotificationResponseReceivedListener(response => { console.log("response", response); if (response.notification.request.content.body == 'Le solicitan una cita'){ navigation.navigate('Confirm'); } }); const fire = firebase.firestore() .collection('THREADS') .where("members", "array-contains", firebase.auth().currentUser.uid) .onSnapshot(querySnapshot => { const threads = querySnapshot.docs.map(documentSnapshot => { return{ _id:documentSnapshot.id, name:'', ...documentSnapshot.data() }; }); setThreads(threads); if(loading){ setLoading(false); } }); const cita = firebase.firestore().collection('APPOINTMENTS').where("participantes", "array-contains", firebase.auth().currentUser.uid).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 () => { Notifications.removeNotificationSubscription(notificationListener.current); Notifications.removeNotificationSubscription(responseListener.current); fire(); cita(); } }, []); if (loading) { return ; } const dimensions = Dimensions.get('window'); const screenWidth = dimensions.width; 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(); console.log("interpreter", interpreter); if(interpreter == false){ return ( item._id} ItemSeparatorComponent={() => } renderItem = {({item}) => ( { console.log("item._id, home, client", item.Pin) navigation.navigate('Cita',{tag: item, Pin: item}) }} > )} /> item._id} ItemSeparatorComponent={() => } renderItem={({ item }) => { if(item.new == 'true'){ return (