Enlever boutons annuler des cartes rendez-vous déjà passés

mobile_app/components/RDVCard.js

@@ -64,6 +64,9 @@ const ConfirmDelete = (data, up) => {
 
 const RDVCard = ({ data, up }) => {
     const navigation = useNavigation();
+    const today = new Date()
+    const dateCard = new Date(data.date)
+    console.log(data.date)
     return (  
         <View style={{ backgroundColor: COLORS.white, borderRadius: SIZES.font, marginBottom: SIZES.extraLarge, margin: SIZES.base, ...SHADOWS.dark}}>
             <View style={{ width: "100%", height: 150 }}>
@@ -82,7 +85,7 @@ const RDVCard = ({ data, up }) => {
                 
                 <View style={{ flexDirection: "row"}}>
                     <RectButton minWidth={85} fontSize={SIZES.font} text="Détails" handlePress={() => navigation.navigate("Details", { data })}/>
-                    <RectButton minWidth={85} fontSize={SIZES.font} text="Annuler" handlePress={() => ConfirmDelete(data, up)}/>
+                    {(today <= dateCard) && (<RectButton minWidth={85} fontSize={SIZES.font} text="Annuler" handlePress={() => ConfirmDelete(data, up)}/>)}
                 </View>
                 
             </View>