diff --git a/Select.tsx b/Select.tsx index 42ee202..c0f9ede 100644 --- a/Select.tsx +++ b/Select.tsx @@ -1,6 +1,7 @@ import {useCallback, useMemo, useState} from 'react' -import {StyleProp, View, ViewStyle} from 'react-native' +import {View} from 'react-native' import {Button, Menu, Subheading, useTheme} from 'react-native-paper' +import {ITEM_PADDING} from './constants' export interface Item { value: string @@ -13,13 +14,11 @@ export default function Select({ onChange, items, label, - style, }: { value: string onChange: (value: string) => void items: Item[] label?: string - style?: StyleProp }) { const [show, setShow] = useState(false) const {colors} = useTheme() @@ -42,8 +41,9 @@ export default function Select({ style={{ flexDirection: 'row', alignItems: 'center', + paddingLeft: ITEM_PADDING, }}> - {label && {label}} + {label && {label}} setShow(false)} diff --git a/SettingsPage.tsx b/SettingsPage.tsx index 868ba82..21ad2a9 100644 --- a/SettingsPage.tsx +++ b/SettingsPage.tsx @@ -232,7 +232,6 @@ export default function SettingsPage() { value={item.value} onChange={item.onChange} label={item.name} - style={styles.select} items={item.items} /> ), @@ -248,11 +247,7 @@ export default function SettingsPage() { data={switches} renderItem={renderSwitch} /> - + {'alarm sound'.includes(term.toLowerCase()) && ( - Alarm sound + Alarm sound )} @@ -268,7 +263,3 @@ export default function SettingsPage() { ) } - -const styles = StyleSheet.create({ - select: {width: 100}, -})