maartenvr98/Kliko
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update dark mode

Browse source
This commit is contained in:
Maarten 2024-08-12 09:22:52 +02:00
parent 84aab76737
commit 4b2d3b8b32
6 changed files with 45 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

16
app/(tabs)/settings.tsx
View file

@ -8,7 +8,6 @@ import {
Alert,
} from 'react-native';
import { useRouter } from 'expo-router';
import Ionicons from '@expo/vector-icons/Ionicons';
import { useSelector } from 'react-redux';
import { ThemedText } from '@/lib/components/ThemedText';
@ -21,10 +20,11 @@ import { Request } from '@/lib/services/request';
import CustomModal from '@/lib/components/EditModal';
import { store } from '@/lib/store/store';
import { setSession, setReloadCalendar } from '@/lib/store/dataStore';
import { ThemedIcon } from '@/lib/components/ThemedIcon';
export default function SettingsScreen() {
const colorScheme = useColorScheme() ?? 'light';
const { token, isLoading, setToken } = useToken();
const { token, setToken } = useToken();
const session = useSelector( (state: any) => state.data.session );
const router = useRouter();
@ -128,37 +128,37 @@ export default function SettingsScreen() {
<ThemedView style={styles.listContainer}>
<ThemedView style={styles.listItem}>
<ThemedView style={styles.listTitle}>
<Ionicons size={20} name="person-outline" style={styles.listIcon}/>
<ThemedIcon name="person-outline" size={20} style={styles.listIcon}/>
<ThemedText type="defaultSemiBold">Naam</ThemedText>
</ThemedView>
<TouchableOpacity style={styles.listEdit} onPress={() => setNameModalVisible( true )}>
<ThemedText style={styles.listEditText}>{name}</ThemedText>
<Ionicons size={18} name="chevron-forward" style={styles.listEditIcon}/>
<ThemedIcon size={18} name="chevron-forward" style={styles.listEditIcon}/>
</TouchableOpacity>
</ThemedView>
<ThemedView style={styles.listItem}>
<ThemedView style={styles.listTitle}>
<Ionicons size={20} name="trail-sign-outline" style={styles.listIcon}/>
<ThemedIcon size={20} name="trail-sign-outline" style={styles.listIcon}/>
<ThemedText type="defaultSemiBold">Adres</ThemedText>
</ThemedView>
<TouchableOpacity style={styles.listEdit} onPress={() => setAddressModalVisible( true )}>
<ThemedText style={styles.listEditText}>{street} {houseNumber}. {city}</ThemedText>
<Ionicons size={18} name="chevron-forward" style={styles.listEditIcon}/>
<ThemedIcon size={18} name="chevron-forward" style={styles.listEditIcon}/>
</TouchableOpacity>
</ThemedView>
<ThemedView style={styles.listItem}>
<ThemedView style={styles.listTitle}>
<Ionicons size={20} name="notifications-outline" style={styles.listIcon}/>
<ThemedIcon size={20} name="notifications-outline" style={styles.listIcon}/>
<ThemedText type="defaultSemiBold">Notificaties</ThemedText>
</ThemedView>
<TouchableOpacity style={styles.listEdit} onPress={() => router.push( '/(settings)/notifications' )}>
<ThemedText style={styles.listEditText}>Wijzigen</ThemedText>
<Ionicons size={18} name="chevron-forward" style={styles.listEditIcon}/>
<ThemedIcon size={18} name="chevron-forward" style={styles.listEditIcon}/>
</TouchableOpacity>
</ThemedView>
</ThemedView>