93 lines
2.1 KiB
JavaScript
93 lines
2.1 KiB
JavaScript
import { format } from "date-fns";
|
|
import {
|
|
Box,
|
|
ScrollView,
|
|
Text,
|
|
Stack,
|
|
Heading,
|
|
Badge
|
|
} from "native-base";
|
|
import PropTypes from 'prop-types';
|
|
import { MaterialCommunityIcons } from '@expo/vector-icons';
|
|
import React from 'react';
|
|
|
|
export const ReservasCard = ({id, date, startTime, name}) => {
|
|
|
|
const dateFormated = date.toString().split("T")[0]
|
|
|
|
const deleteReservas = async(id) => {
|
|
|
|
|
|
try {
|
|
|
|
await fetch(`http://localhost:4000/reservation/deleteReservation/`+`${id}`, {
|
|
|
|
cache: 'no-cache',
|
|
method: 'DELETE',
|
|
headers: {
|
|
'Content-Type': 'application/json'
|
|
}
|
|
})
|
|
.then(response => {
|
|
if (response.status != 201){
|
|
console.log('ocurrio un error ');
|
|
}else{
|
|
return response.json();
|
|
}
|
|
})
|
|
|
|
} catch (error) {
|
|
console.log("ERROR: " + error);
|
|
}
|
|
|
|
}
|
|
|
|
return (
|
|
<ScrollView showsVerticalScrollIndicator={false}>
|
|
|
|
|
|
<Box mt="5" alignItems="center">
|
|
<Box width="80" rounded="lg" overflow="hidden" borderColor="coolGray.200" borderWidth="1" _dark={{
|
|
borderColor: "coolGray.600",
|
|
backgroundColor: "gray.700"
|
|
}} _web={{
|
|
shadow: 2,
|
|
borderWidth: 0
|
|
}} _light={{
|
|
backgroundColor: "gray.50"
|
|
}}>
|
|
<Stack p="4" space={3}>
|
|
<Stack space={2}>
|
|
|
|
|
|
<Heading size="lg" ml="-1">
|
|
{name}
|
|
</Heading>
|
|
<Text fontSize="md" _light={{
|
|
color: "amber.600"
|
|
}} _dark={{
|
|
color: "violet.400"
|
|
}} fontWeight="500" ml="-0.5" mt="-1">
|
|
{dateFormated}
|
|
</Text>
|
|
</Stack>
|
|
<Text fontSize="md" fontWeight="400">
|
|
Hora de inicio: {startTime}
|
|
</Text>
|
|
|
|
|
|
</Stack>
|
|
|
|
|
|
{/* <MaterialCommunityIcons ml="70" name="delete" size={28} color="#7C0808" onPress={() =>{deleteReservas(id)}} /> */}
|
|
</Box>
|
|
</Box>
|
|
</ScrollView>
|
|
)
|
|
|
|
}
|
|
ReservasCard.propTypes = {
|
|
date: PropTypes.string.isRequired,
|
|
startTime: PropTypes.string.isRequired,
|
|
id: PropTypes.string.isRequired
|
|
} |