import React, {useContext, useEffect, useState} from "react"; import { Box, Heading, VStack, FormControl, Button, Center, Select, CheckIcon, ScrollView } from "native-base"; import { UserContext } from "../context/UserContext"; import { API } from "../environment/api"; import {TimePicker} from 'react-native-simple-time-picker'; import { View, StyleSheet } from "react-native"; import { number } from "prop-types"; import DateTimePicker from '@react-native-community/datetimepicker'; export default function AreaComun({navigation}){ const { user } = useContext(UserContext) const [service, setService] = useState(""); const [areas, setAreas] = useState([]) const [isRequesting, setIsRequesting] = useState(false); const [selectedHours, setSelectedHours] = useState(0); const [selectedMinutes, setSelectedMinutes] = useState(0); const [endSelectedHours, setEndSelectedHours] = useState(0); const [endSelectedMinutes, setEndSelectedMinutes] = useState(0); const [time, setTime] = useState(new Date()) const [endTime, setEndTime] = useState(new Date()) const date = new Date(); useEffect(() => { const onRequestReservasData = async () => { setIsRequesting(true); try { const jsonResponse = await fetch(`${API.BASE_URL}/commonArea/allCommonAreas`, { method: "GET", headers: { 'Content-Type': 'application/json' } }) const response = await jsonResponse.json(); console.log(response.message); setAreas(response.message); } catch (error) { console.log("ERROR:" + error); } setIsRequesting(false) } onRequestReservasData() }, [user]) const postReserva = async() => { console.log(time); // const data = { // "start_time": 7 + ":" +0, // "finish_time": 10 + ":" +0, // "status": 1, // "date_entry": date, // "user_id" : user._id, // "common_area_id": service._id, // "common_area_name": service.name, // "community_id": service.community_id // } // console.log(data); // try { // const jsonDataResponse = await fetch(`${API.BASE_URL}/reservation/createReservation`, { // cache: 'no-cache', // method: 'POST', // body: JSON.stringify(data), // headers: { // 'Content-Type': 'application/json' // } // }) // const response = await jsonDataResponse.json(); // console.log(response.message); // } catch (error) { // console.log("ERROR:" + error); // } } const onChangeStart = (event, selectedDate) => { const currentDate = selectedDate; setShow(false); setTime(currentDate); }; const onChangeEnd = (event, selectedDate) => { const currentDate = selectedDate; setShow(false); setEndTime(currentDate); }; return (
Katoikia Reserve su área común Área común Hora de inicio Hora de finalización
) } const styles = StyleSheet.create({ container: { flex: 1, padding: 10, justifyContent: 'center', alignItems: 'center', height: 40 } });