ammar/cally
1
0
Fork 0
mirror of https://github.com/urosran/cally.git synced 2025-11-27 08:54:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

user settings, points slider

Browse Source
This commit is contained in:
ivic00
2024-09-20 19:47:21 +02:00
parent 39ef35022c
commit b46fb1b2a8
12 changed files with 203 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
components/pages/settings/user_settings_views/MyProfile.tsx
View File

@ -1,8 +1,19 @@
import { View, Text, TextField } from "react-native-ui-lib";
import React from "react";
import React, { useState } from "react";
import { StyleSheet } from "react-native";
import { ScrollView } from "react-native-gesture-handler";
import { useAuthContext } from "@/contexts/AuthContext";
import { useSettingsContext } from "@/contexts/SettingsContext";
import { useUpdateUserData } from "@/hooks/firebase/useUpdateUserData";
const MyProfile = () => {
const { user, profileData } = useAuthContext();
const [lastName, setLastName] = useState<string>(profileData?.lastName || "");
const [firstName, setFirstName] = useState<string>(
profileData?.firstName || ""
);
const { mutateAsync: updateUserData } = useUpdateUserData();
return (
<View>
<View style={styles.card}>
@ -18,15 +29,38 @@ const MyProfile = () => {
<Text text80 marginT-10 marginB-7 color="#a1a1a1">
First name
</Text>
<TextField text70 placeholder="First name" style={styles.txtBox} />
<TextField
text70
placeholder="First name"
style={styles.txtBox}
value={firstName}
onChangeText={async (value) => {
setFirstName(value);
await updateUserData({ newUserData: { firstName: value } });
}}
/>
<Text text80 marginT-10 marginB-7 color="#a1a1a1">
Last name
</Text>
<TextField text70 placeholder="Last name" style={styles.txtBox} />
<TextField
text70
placeholder="Last name"
style={styles.txtBox}
value={lastName}
onChangeText={async (value) => {
setLastName(value);
await updateUserData({ newUserData: { lastName: value } });
}}
/>
<Text text80 marginT-10 marginB-7 color="#a1a1a1">
Email address
</Text>
<TextField text70 placeholder="Email address" style={styles.txtBox} />
<TextField
text70
placeholder="Email address"
value={user?.email?.toString()}
style={styles.txtBox}
/>
</View>
</View>
@ -35,7 +69,7 @@ const MyProfile = () => {
<Text text80 marginT-20 marginB-7 color="#a1a1a1">
Time Zone
</Text>
<TextField text70 placeholder="Email address" style={styles.txtBox} />
<TextField text70 placeholder="Time Zone" style={styles.txtBox} />
</View>
</View>
);