Fix settings page crashing

Select.tsx was crashing if it couldn't
find a label for the selected value.
This commit is contained in:
Brandon Presley 2022-11-20 21:47:05 +13:00
parent 157a26b843
commit 38332c193c
3 changed files with 3 additions and 3 deletions

View File

@ -41,7 +41,7 @@ export default function Select({
<Button <Button
onPress={() => setShow(true)} onPress={() => setShow(true)}
style={{alignSelf: 'flex-start', marginTop: MARGIN}}> style={{alignSelf: 'flex-start', marginTop: MARGIN}}>
{selected.label} {selected?.label}
</Button> </Button>
}> }>
{items.map(item => ( {items.map(item => (

View File

@ -224,7 +224,7 @@ export default function SettingsPage() {
/> />
{'theme'.includes(term.toLowerCase()) && ( {'theme'.includes(term.toLowerCase()) && (
<Select <Select
value={theme} value={theme || 'system'}
onChange={changeTheme} onChange={changeTheme}
items={[ items={[
{label: 'Follow system theme', value: 'system'}, {label: 'Follow system theme', value: 'system'},

View File

@ -6,7 +6,7 @@ export const ThemeContext = createContext<{
setTheme: (value: string) => void setTheme: (value: string) => void
setColor: (value: string) => void setColor: (value: string) => void
}>({ }>({
theme: '', theme: 'system',
color: '', color: '',
setTheme: () => null, setTheme: () => null,
setColor: () => null, setColor: () => null,