123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357 |
- 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();
-
- //const [oneApp, setOneApp] = useState('')
-
-
- useEffect(() => {
- registerForPushNotificationsAsync().then(token => setExpoPushToken(token));
- notificationListener.current = Notifications.addNotificationReceivedListener(notification => {
- setNotification(notification);
- });
-
- responseListener.current = Notifications.addNotificationResponseReceivedListener(response => {
- console.log(response);
- 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);
- //console.log(threads);
-
- if(loading){
- setLoading(false);
- }
- });
-
- const cita = firebase.firestore().collection('APPOINTMENTS').where("participantes", "array-contains", 'qj5xBCSRNoaRMik4UULmslSktLp1').onSnapshot(snapShot => {
- const appointments = snapShot.docs.map(docSnap => {
- return{
- _id:docSnap.id,
- Day:'',
- Month:'',
- Time:'',
- i_token:'',
- u_token:'',
- ...docSnap.data()
- };
- });
- setAppointments(appointments);
- console.log("appointment", appointments);
- //console.log(appointments.Day);
- });
-
-
- const day = firebase.firestore().collection('APPOINTMENTS').where('Day', '==', 8).get().then((res) => {
- console.log(`Day is ${res.docs[0].get('Day')}.`);
- //const dia = return{`${res.doc[0].get('Day')}`};
- });
- //console.log("Day", dia);
-
- return () => {
- Notifications.removeNotificationSubscription(notificationListener.current);
- Notifications.removeNotificationSubscription(responseListener.current);
- fire();
- cita();
- }
- }, []);
-
- if (loading) {
- return <Loading />;
- }
-
-
-
-
- function handleButtonPress() {
- firebase.firestore()
- .collection('THREADS')
- .add({
- name: 'PedroFecha',
- members: [
- firebase.auth().currentUser.uid,
- '02yOZHxFcGUX4MNwjeEbAlCShdu1'
- ]
- })
- }
-
- 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);
- if(interpreter == false){
- return (
- <ImageBackground style={styles.stdcontainer} source={require('../../assets/yellow-white.jpg')}>
- <FlatList style={{
- flex: 1,
- width: screenWidth,
- }}
- data={appointments}
- keyExtractor = {item => item._id}
- ItemSeparatorComponent={() => <Divider />}
- renderItem = {({item}) => (
- <TouchableOpacity
- onPress={async () => {
- navigation.navigate('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 ='Send notification'
- onPress={async () => {
- await sendPushNotification(expoPushToken);
- }}
- />
- <Button
- title ='Hacer Busqueda'
- onPress= {() => navigation.navigate('Search')}
- />
- <Button
- title ='Logout'
- onPress= {() => firebase.auth().signOut()}
- />
- </ImageBackground>
- );
- }
- else{
- return (
- <ImageBackground style={styles.stdcontainer} source={require('../../assets/yellow-white.jpg')}>
- <FlatList style={{
- flex: 1,
- width: screenWidth,
- }}
- data={appointments}
- keyExtractor = {item => item._id}
- ItemSeparatorComponent={() => <Divider />}
- renderItem = {({item}) => (
- <TouchableOpacity
- onPress={async () => {
- navigation.navigate('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>
- )}
- />
-
-
- <FlatList style={{
- flex: 1,
- width: screenWidth,
- }}
- data={appointments}
- keyExtractor = {item => item._id}
- ItemSeparatorComponent={() => <Divider />}
- renderItem={({ item }) => {
- return (
- <Button
- title ='Send notification'
- onPress={ async () => {
- await sendPushNotification(item.i_token);
- }
- }
- />
- )
- }}
- />
-
-
- <Button
- title ='Send notification'
- onPress={async () => {
- await sendPushNotification(expoPushToken);
- }}
- />
- <Button
- title ='Availability'
- onPress= {() => navigation.navigate('Availability')}
- />
- <Button
- title ='Mapa'
- onPress= {() => navigation.navigate('Map')}
- />
- <Button
- title ='Logout'
- onPress= {() => firebase.auth().signOut()}
- />
- </ImageBackground>
- );
- }
- }
- // Can use this function below, OR use Expo's Push Notification Tool-> https://expo.dev/notifications
- async function sendPushNotification(expoPushToken) {
- const message = {
- to: expoPushToken,
- sound: 'default',
- title: 'Freehand',
- body: 'Le solicitan una cita',
- data: { someData: 'goes here' },
- };
-
- await fetch('https://exp.host/--/api/v2/push/send', {
- method: 'POST',
- headers: {
- Accept: 'application/json',
- 'Accept-encoding': 'gzip, deflate',
- 'Content-Type': 'application/json',
- },
- body: JSON.stringify(message),
- });
- }
-
- async function registerForPushNotificationsAsync() {
- let token;
- if (Constants.isDevice) {
- const { status: existingStatus } = await Notifications.getPermissionsAsync();
- let finalStatus = existingStatus;
- if (existingStatus !== 'granted') {
- const { status } = await Notifications.requestPermissionsAsync();
- finalStatus = status;
- }
- if (finalStatus !== 'granted') {
- alert('Failed to get push token for push notification!');
- return;
- }
- token = (await Notifications.getExpoPushTokenAsync()).data;
- console.log('Token:')
- console.log(token);
- } else {
- alert('Must use physical device for Push Notifications');
- }
-
- if (Platform.OS === 'android') {
- Notifications.setNotificationChannelAsync('default', {
- name: 'default',
- importance: Notifications.AndroidImportance.MAX,
- vibrationPattern: [0, 250, 250, 250],
- lightColor: '#FF231F7C',
- });
- }
-
- firebase.firestore().collection('Interprete').doc(firebase.auth().currentUser.uid).update({'push_token': token})
- firebase.firestore().collection('Users').doc(firebase.auth().currentUser.uid).update({'push_token': token})
-
- return token;
- }
-
- const mapStateToProps = (store) => ({
- currentUser: store.userState.currentUser
- })
- const mapDispatchProps = (dispatch) => bindActionCreators({fetchUser}, dispatch);
-
- export default connect(mapStateToProps, mapDispatchProps)(Home_page);
|