fix unique key invitados and delete reserva

mobile-ui/components/Invitados.js

@@ -103,7 +103,7 @@ export default function Invitados({navigation}) {
     }} borderColor="coolGray.200" pl="4" pr="5" py="2">
             <HStack space={3} justifyContent="space-between" >
             <MaterialCommunityIcons name="account" size={48} color="#D7A86E" />
-              <VStack>
+              <VStack key={item._id}>
                 <Text _dark={{
             color: "warmGray.50"
           }} color="coolGray.800" bold>

mobile-ui/components/Reservas.js

@@ -78,6 +78,7 @@ export default function Reservas({navigation}) {
               startTime={item.time}
               status={item.status}
               name={item.common_area_name}
+              id={item._id}
             />
           ))
         }

mobile-ui/components/ReservasCard/index.js

@@ -11,29 +11,19 @@ import PropTypes from 'prop-types';
 import { MaterialCommunityIcons } from '@expo/vector-icons';
 import React from 'react';
 
-export const ReservasCard = ({key, date, startTime, name}) => {
-
+export const ReservasCard = ({id, date, startTime, name}) => {
 
     const dateFormated = date.toString().split("T")[0]
   
+  const deleteReservas = async(id) => {
 
-
-    console.log(dateFormated);
-
-
-  const deleteReservas = async(key) => {
-
-    const data = {
-      "_id": key
-    }
-
+   
     try {
 
-      await fetch(`http://localhost:4000/reservation/deleteReservation/`+`${key}`, {
+      await fetch(`http://localhost:4000/reservation/deleteReservation/`+`${id}`, {
 
         cache: 'no-cache', 
         method: 'DELETE', 
-        body: JSON.stringify(data), 
         headers: {
           'Content-Type': 'application/json'
         }
@@ -89,7 +79,7 @@ export const ReservasCard = ({key, date, startTime, name}) => {
         </Stack>
 
 
-      <MaterialCommunityIcons ml="70" name="delete" size={28} color="#7C0808" onPress={() =>{deleteReservas(key)}} />
+      <MaterialCommunityIcons ml="70" name="delete" size={28} color="#7C0808" onPress={() =>{deleteReservas(id)}} />
       </Box>
     </Box>
         </ScrollView>
@@ -99,5 +89,5 @@ export const ReservasCard = ({key, date, startTime, name}) => {
 ReservasCard.propTypes = {
     date: PropTypes.string.isRequired,
     startTime: PropTypes.string.isRequired,
-    key: PropTypes.string.isRequired
+    id: PropTypes.string.isRequired
 }