Use first item for Select.tsx if no value is found
This commit is contained in:
parent
a001760ab0
commit
29cbc43534
|
@ -21,7 +21,7 @@ export default function Select({
|
||||||
const {colors} = useTheme()
|
const {colors} = useTheme()
|
||||||
|
|
||||||
const selected = useMemo(
|
const selected = useMemo(
|
||||||
() => items.find(item => item.value === value),
|
() => items.find(item => item.value === value) || items[0],
|
||||||
[items, value],
|
[items, value],
|
||||||
)
|
)
|
||||||
|
|
||||||
|
|
|
@ -224,7 +224,7 @@ export default function SettingsPage() {
|
||||||
/>
|
/>
|
||||||
{'theme'.includes(term.toLowerCase()) && (
|
{'theme'.includes(term.toLowerCase()) && (
|
||||||
<Select
|
<Select
|
||||||
value={theme || 'system'}
|
value={theme}
|
||||||
onChange={changeTheme}
|
onChange={changeTheme}
|
||||||
items={[
|
items={[
|
||||||
{label: 'Follow system theme', value: 'system'},
|
{label: 'Follow system theme', value: 'system'},
|
||||||
|
|
Loading…
Reference in New Issue
Block a user