Refactor to store
This commit is contained in:
parent
e3a2251898
commit
b619fe34f8
9 changed files with 177 additions and 70 deletions
|
@ -10,6 +10,7 @@ import {
|
|||
} from 'react-native';
|
||||
import { useRouter } from 'expo-router';
|
||||
import Ionicons from '@expo/vector-icons/Ionicons';
|
||||
import { useSelector } from 'react-redux';
|
||||
|
||||
import { ThemedText } from '@/components/ThemedText';
|
||||
import { ThemedView } from '@/components/ThemedView';
|
||||
|
@ -19,10 +20,13 @@ import { useToken } from '@/context/AppProvider';
|
|||
import { Message } from '@/services/message';
|
||||
import { Request } from '@/services/request';
|
||||
import CustomModal from '@/components/EditModal';
|
||||
import { store } from '@/store/store';
|
||||
import { setSession, setReloadCalendar } from '@/store/dataStore';
|
||||
|
||||
export default function SettingsScreen() {
|
||||
const colorScheme = useColorScheme() ?? 'light';
|
||||
const { token, isLoading } = useToken();
|
||||
const session = useSelector((state: any) => state.data.session);
|
||||
const router = useRouter();
|
||||
|
||||
// Name
|
||||
|
@ -37,22 +41,13 @@ export default function SettingsScreen() {
|
|||
const [ addressModalVisible, setAddressModalVisible ] = useState( false );
|
||||
|
||||
useEffect( () => {
|
||||
// Load current session
|
||||
if (token) {
|
||||
Request.post( 'sessions/get', { token: token } ).then( (response) => {
|
||||
if (response.success) {
|
||||
const { session } = response;
|
||||
|
||||
setSessionData( session );
|
||||
}
|
||||
} )
|
||||
}
|
||||
}, [] );
|
||||
setSessionData( session );
|
||||
}, [session] );
|
||||
|
||||
// Set session data in view
|
||||
const setSessionData = (session: any) => {
|
||||
// Name
|
||||
setName( session.name )
|
||||
setName( session.name );
|
||||
|
||||
// Address
|
||||
setZipcode( session.address.zipcode );
|
||||
|
@ -61,7 +56,7 @@ export default function SettingsScreen() {
|
|||
setCity( session.address.city );
|
||||
}
|
||||
|
||||
// Handle
|
||||
// Handle save settings
|
||||
const handleSave = (inputValues: Record<string, string>) => {
|
||||
let postData: any = { token: token };
|
||||
|
||||
|
@ -69,21 +64,27 @@ export default function SettingsScreen() {
|
|||
postData[ 'name' ] = inputValues.name;
|
||||
}
|
||||
|
||||
let addressChanged = false;
|
||||
|
||||
if (inputValues.zipcode) {
|
||||
postData[ 'zipcode' ] = inputValues.zipcode;
|
||||
addressChanged = true;
|
||||
}
|
||||
|
||||
if (inputValues.houseNumber) {
|
||||
postData[ 'houseNumber' ] = inputValues.houseNumber;
|
||||
addressChanged = true;
|
||||
}
|
||||
|
||||
Request.post( 'sessions/update', postData )
|
||||
.then( (response) => {
|
||||
console.log( 'save', response );
|
||||
|
||||
if (response.success) {
|
||||
setSessionData( response.session );
|
||||
|
||||
// Save to store
|
||||
store.dispatch(setSession(response.session))
|
||||
store.dispatch(setReloadCalendar(addressChanged))
|
||||
|
||||
Message.success( 'Opgeslagen!' )
|
||||
} else {
|
||||
Message.error( response.message );
|
||||
|
@ -91,6 +92,7 @@ export default function SettingsScreen() {
|
|||
} );
|
||||
};
|
||||
|
||||
// Remove session data and logout
|
||||
const logout = () => {
|
||||
Alert.alert( 'Uitloggen', 'Weet je het zeker?', [
|
||||
{
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue