import {Text, TextField, View} from "react-native-ui-lib"; import React, {useState} from "react"; import {StyleSheet} from "react-native"; import {ScrollView} from "react-native-gesture-handler"; import {useAuthContext} from "@/contexts/AuthContext"; import {useUpdateUserData} from "@/hooks/firebase/useUpdateUserData"; const MyProfile = () => { const {user, profileData} = useAuthContext(); const [lastName, setLastName] = useState(profileData?.lastName || ""); const [firstName, setFirstName] = useState( profileData?.firstName || "" ); const {mutateAsync: updateUserData} = useUpdateUserData(); return ( Your Profile Change Photo Remove Photo First name { setFirstName(value); await updateUserData({newUserData: {firstName: value}}); }} /> Last name { setLastName(value); await updateUserData({newUserData: {lastName: value}}); }} /> Email address Settings Time Zone ); }; const styles = StyleSheet.create({ card: { marginVertical: 15, backgroundColor: "white", width: "100%", borderRadius: 15, padding: 20, }, pfp: { aspectRatio: 1, width: 60, backgroundColor: "green", borderRadius: 20, }, txtBox: { backgroundColor: "#fafafa", borderRadius: 50, borderWidth: 2, borderColor: "#cecece", padding: 15, height: 45, }, }); export default MyProfile;