|
|
|
@ -1,7 +1,5 @@
|
|
|
|
import React, { useContext, useState } from 'react';
|
|
|
|
import React, { useContext, useEffect, useState } from 'react';
|
|
|
|
import { StyleSheet, View, Pressable, Text, Image, ScrollView, useWindowDimensions } from 'react-native';
|
|
|
|
import { StyleSheet, View, Modal, Pressable, Text, Image, ScrollView, useWindowDimensions } from 'react-native';
|
|
|
|
|
|
|
|
|
|
|
|
import {Modal, Portal, PaperProvider} from 'react-native-paper';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
import { LinearGradient } from 'expo-linear-gradient';
|
|
|
|
import { LinearGradient } from 'expo-linear-gradient';
|
|
|
|
import { SafeAreaProvider } from 'react-native-safe-area-context';
|
|
|
|
import { SafeAreaProvider } from 'react-native-safe-area-context';
|
|
|
|
@ -9,47 +7,85 @@ import { SafeAreaProvider } from 'react-native-safe-area-context';
|
|
|
|
import ProfileDetails from '../components/ProfileDetails';
|
|
|
|
import ProfileDetails from '../components/ProfileDetails';
|
|
|
|
import ProfileDelete from '../components/ProfileDelete';
|
|
|
|
import ProfileDelete from '../components/ProfileDelete';
|
|
|
|
import ColorContext from '../theme/ColorContext';
|
|
|
|
import ColorContext from '../theme/ColorContext';
|
|
|
|
|
|
|
|
import AsyncStorage from '@react-native-async-storage/async-storage';
|
|
|
|
|
|
|
|
import EventEmitter from './EventEmitter';
|
|
|
|
|
|
|
|
import Profil from '../Models/Profil';
|
|
|
|
|
|
|
|
import { PaperProvider, Portal } from 'react-native-paper';
|
|
|
|
|
|
|
|
|
|
|
|
export default function Profiles({navigation, props}) {
|
|
|
|
export default function Profiles({navigation, props}) {
|
|
|
|
const { colors } = useContext(ColorContext)
|
|
|
|
const { colors, toggleColors } = useContext(ColorContext)
|
|
|
|
|
|
|
|
|
|
|
|
const allJohnny = [{value: "Coconut"}, {value: "Skimmed Milk"}, {value: "Nuts"}]
|
|
|
|
|
|
|
|
const dieJohnny = [{value: "Gluten free"}, {value: "Porkless"}, {value: "Pescatarian"}]
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const allJackie = [{value: "Tomato"}, {value: "Relic"}]
|
|
|
|
const all = []
|
|
|
|
const dieJackie = [{value: "Porkless"}, {value: "Vegetarian"}]
|
|
|
|
const die = [{value: "Dairy free"}, {value: "Gluten free"}, {value: "Porkless"}, {value: "Vegan"}, {value: "Vegetarian"}, {value: "Pescatarian"}]
|
|
|
|
|
|
|
|
|
|
|
|
const [visible, setVisible] = useState(false);
|
|
|
|
const [visible, setVisible] = useState(false);
|
|
|
|
const raisePopUp = () => {
|
|
|
|
const [opacity, setOpacity] = useState(1);
|
|
|
|
|
|
|
|
const [profiles, setProfiles] = useState([]);
|
|
|
|
|
|
|
|
const [selectedProfileIndex, setSelectedProfileIndex] = useState(null);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const raisePopUp = (index) => {
|
|
|
|
|
|
|
|
setSelectedProfileIndex(index)
|
|
|
|
setVisible(true)
|
|
|
|
setVisible(true)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
const erasePopUp = () => {
|
|
|
|
const erasePopUp = () => {
|
|
|
|
setVisible(false)
|
|
|
|
setVisible(false)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
const profiles = [
|
|
|
|
const handleDeleteProfiles = async () => {
|
|
|
|
{
|
|
|
|
try {
|
|
|
|
name: "Johnny Silverhand",
|
|
|
|
await AsyncStorage.removeItem('profiles');
|
|
|
|
avatar: "plus_small.png",
|
|
|
|
console.log('Données supprimées avec succès !');
|
|
|
|
diets: dieJohnny,
|
|
|
|
} catch (error) {
|
|
|
|
allergies: allJohnny,
|
|
|
|
console.error('Erreur lors de la suppression des données :', error);
|
|
|
|
},
|
|
|
|
}
|
|
|
|
{
|
|
|
|
};
|
|
|
|
name: "Jackie Welles",
|
|
|
|
|
|
|
|
avatar: "plus_small.png",
|
|
|
|
const handleDeleteProfile = async (index) => {
|
|
|
|
diets: dieJackie,
|
|
|
|
try {
|
|
|
|
allergies: allJackie,
|
|
|
|
const updatedProfiles = profiles.filter((profile, i) => i !== index);
|
|
|
|
},
|
|
|
|
await AsyncStorage.setItem('profiles', JSON.stringify(updatedProfiles));
|
|
|
|
// ... Ajoutez d'autres profils ici de la même manière
|
|
|
|
fetchProfiles();
|
|
|
|
];
|
|
|
|
setSelectedProfileIndex(index);
|
|
|
|
|
|
|
|
erasePopUp();
|
|
|
|
|
|
|
|
} catch (error) {
|
|
|
|
|
|
|
|
console.error('Erreur lors de la suppression du profil :', error);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const confirmDelete = () => {
|
|
|
|
|
|
|
|
erasePopUp();
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const handleGetProfiles = async () => {
|
|
|
|
|
|
|
|
try {
|
|
|
|
|
|
|
|
const existingProfiles = await AsyncStorage.getItem('profiles');
|
|
|
|
|
|
|
|
return JSON.parse(existingProfiles) || [];
|
|
|
|
|
|
|
|
} catch (error) {
|
|
|
|
|
|
|
|
console.log("ça maaaaaaaaarche poaaaaaaaaaaaas");
|
|
|
|
|
|
|
|
return [];
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const fetchProfiles = async () => {
|
|
|
|
|
|
|
|
const existingProfiles = await handleGetProfiles();
|
|
|
|
|
|
|
|
setProfiles(existingProfiles);
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const subscription = EventEmitter.addListener('profileAdded', async () => {
|
|
|
|
|
|
|
|
fetchProfiles();
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
|
|
|
|
fetchProfiles();
|
|
|
|
|
|
|
|
console.log(profiles)
|
|
|
|
|
|
|
|
}, []);
|
|
|
|
|
|
|
|
|
|
|
|
const containerStyle = {
|
|
|
|
const containerStyle = {
|
|
|
|
//minHeight: useWindowDimensions().height/2,
|
|
|
|
|
|
|
|
//width: useWindowDimensions().width,
|
|
|
|
|
|
|
|
height: "75%",
|
|
|
|
height: "75%",
|
|
|
|
width: "100%",
|
|
|
|
width: "100%",
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const styles = StyleSheet.create({
|
|
|
|
const styles = StyleSheet.create({
|
|
|
|
container: {
|
|
|
|
container: {
|
|
|
|
height: "100%",
|
|
|
|
height: "100%",
|
|
|
|
@ -168,32 +204,24 @@ export default function Profiles({navigation, props}) {
|
|
|
|
avatar={profile.avatar}
|
|
|
|
avatar={profile.avatar}
|
|
|
|
diets={profile.diets}
|
|
|
|
diets={profile.diets}
|
|
|
|
allergies={profile.allergies}
|
|
|
|
allergies={profile.allergies}
|
|
|
|
onDeleteProfile={raisePopUp}/>
|
|
|
|
onDeleteProfile={() => raisePopUp(index)}
|
|
|
|
{index < profiles.length - 1 && <View style={styles.separator} />}
|
|
|
|
/>
|
|
|
|
</View>
|
|
|
|
|
|
|
|
));
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
|
|
|
<SafeAreaProvider style={{flex: 1}}>
|
|
|
|
|
|
|
|
<PaperProvider>
|
|
|
|
|
|
|
|
<ScrollView>
|
|
|
|
|
|
|
|
<LinearGradient colors={[colors.primary, colors.primaryComplement]} style={[styles.linearGradient, {minHeight: useWindowDimensions().height}]}>
|
|
|
|
|
|
|
|
<View style={styles.separator}/>
|
|
|
|
|
|
|
|
{profileComponents}
|
|
|
|
|
|
|
|
<View style={{marginBottom: "20%"}}/>
|
|
|
|
|
|
|
|
</LinearGradient>
|
|
|
|
|
|
|
|
</ScrollView>
|
|
|
|
|
|
|
|
<Portal>
|
|
|
|
<Portal>
|
|
|
|
<Modal visible={visible} onDismiss={erasePopUp} contentContainerStyle={containerStyle} style={{marginTop: 0, justifyContent: "flex-start"}}>
|
|
|
|
<Modal visible={visible} onDismiss={erasePopUp} contentContainerStyle={containerStyle} style={{marginTop: 0, justifyContent: "flex-start"}}>
|
|
|
|
<View style={styles.modal}>
|
|
|
|
<View style={styles.modal}>
|
|
|
|
<View style={styles.viewModal}>
|
|
|
|
<View style={styles.viewModal}>
|
|
|
|
<View style={styles.profileValidation}>
|
|
|
|
<View style={styles.profileValidation}>
|
|
|
|
<ProfileDelete name="Johnny Silverhand" avatar="plus_small.png" diets={dieJohnny} allergies={allJohnny}></ProfileDelete>
|
|
|
|
{/* <ProfileDelete
|
|
|
|
|
|
|
|
name={profiles[selectedProfileIndex].name}
|
|
|
|
|
|
|
|
avatar={profiles[selectedProfileIndex].avatar}
|
|
|
|
|
|
|
|
diets={profiles[selectedProfileIndex].diets}
|
|
|
|
|
|
|
|
allergies={profiles[selectedProfileIndex].allergies}
|
|
|
|
|
|
|
|
/> */}
|
|
|
|
</View>
|
|
|
|
</View>
|
|
|
|
<View style={styles.decisionBarVertical}>
|
|
|
|
<View style={styles.decisionBarVertical}>
|
|
|
|
<Text style={styles.validationQuestion}>Do you really want to delete this profile?</Text>
|
|
|
|
<Text style={styles.validationQuestion}>Do you really want to delete this profile?</Text>
|
|
|
|
<View style={styles.decisionBar}>
|
|
|
|
<View style={styles.decisionBar}>
|
|
|
|
<Pressable onPress={erasePopUp} style={{flex:0.5}}>
|
|
|
|
<Pressable onPress={() => handleDeleteProfile(selectedProfileIndex)} style={{flex:0.5}}>
|
|
|
|
<View style={styles.yesButton}>
|
|
|
|
<View style={styles.yesButton}>
|
|
|
|
<Image source={require("../assets/images/validate.png")} style={{tintColor: "#2DE04A", height: "100%", flex: 0.2, margin: "5%", resizeMode: "contain"}}/>
|
|
|
|
<Image source={require("../assets/images/validate.png")} style={{tintColor: "#2DE04A", height: "100%", flex: 0.2, margin: "5%", resizeMode: "contain"}}/>
|
|
|
|
<Text style={styles.yesText}>Yes</Text>
|
|
|
|
<Text style={styles.yesText}>Yes</Text>
|
|
|
|
@ -211,6 +239,23 @@ export default function Profiles({navigation, props}) {
|
|
|
|
</View>
|
|
|
|
</View>
|
|
|
|
</Modal>
|
|
|
|
</Modal>
|
|
|
|
</Portal>
|
|
|
|
</Portal>
|
|
|
|
|
|
|
|
{index < profiles.length - 1 && <View style={styles.separator} />}
|
|
|
|
|
|
|
|
</View>
|
|
|
|
|
|
|
|
));
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
|
|
|
<SafeAreaProvider style={{flex: 1}}>
|
|
|
|
|
|
|
|
<PaperProvider>
|
|
|
|
|
|
|
|
<ScrollView>
|
|
|
|
|
|
|
|
<LinearGradient colors={[colors.primary, colors.primaryComplement]} style={[styles.linearGradient, {minHeight: useWindowDimensions().height}]}>
|
|
|
|
|
|
|
|
<View style={styles.separator}/>
|
|
|
|
|
|
|
|
{profileComponents}
|
|
|
|
|
|
|
|
<View style={{marginBottom: "20%"}}/>
|
|
|
|
|
|
|
|
</LinearGradient>
|
|
|
|
|
|
|
|
</ScrollView>
|
|
|
|
|
|
|
|
|
|
|
|
</PaperProvider>
|
|
|
|
</PaperProvider>
|
|
|
|
</SafeAreaProvider>
|
|
|
|
</SafeAreaProvider>
|
|
|
|
);
|
|
|
|
);
|
|
|
|
|
