Remove default coloring of selects for SettingsPage

This commit is contained in:
Brandon Presley 2022-11-16 17:07:43 +13:00
parent 1d8d7b070e
commit 58ab135b09
1 changed files with 13 additions and 14 deletions

View File

@ -232,12 +232,22 @@ export default function SettingsPage() {
value={theme}
onChange={changeTheme}
items={[
{label: 'Follow system theme', value: 'system', color},
{label: 'Dark theme', value: 'dark', color},
{label: 'Light theme', value: 'light', color},
{label: 'Follow system theme', value: 'system'},
{label: 'Dark theme', value: 'dark'},
{label: 'Light theme', value: 'light'},
]}
/>
)}
{'date format'.includes(term.toLowerCase()) && (
<Select
value={date}
onChange={changeDate}
items={formatOptions.map(option => ({
label: format(today, option),
value: option,
}))}
/>
)}
{'color'.includes(term.toLowerCase()) && (
<Select
value={color}
@ -249,17 +259,6 @@ export default function SettingsPage() {
}))}
/>
)}
{'date format'.includes(term.toLowerCase()) && (
<Select
value={date}
onChange={changeDate}
items={formatOptions.map(option => ({
label: format(today, option),
value: option,
color,
}))}
/>
)}
{'alarm sound'.includes(term.toLowerCase()) && (
<Button style={{alignSelf: 'flex-start'}} onPress={changeSound}>
Alarm sound{soundString}