Compare commits
1 Commits
Author | SHA1 | Date | |
---|---|---|---|
ed52e84a37 |
111
SettingsPage.tsx
111
SettingsPage.tsx
|
@ -160,7 +160,7 @@ export default function SettingsPage() {
|
||||||
{name: 'Show unit', value: showUnit, onChange: changeUnit},
|
{name: 'Show unit', value: showUnit, onChange: changeUnit},
|
||||||
{name: 'Show steps', value: steps, onChange: changeSteps},
|
{name: 'Show steps', value: steps, onChange: changeSteps},
|
||||||
{name: 'Show date', value: showDate, onChange: changeShowDate},
|
{name: 'Show date', value: showDate, onChange: changeShowDate},
|
||||||
].filter(({name}) => name.toLowerCase().includes(term.toLowerCase()))
|
]
|
||||||
|
|
||||||
const changeTheme = useCallback(
|
const changeTheme = useCallback(
|
||||||
(value: string) => {
|
(value: string) => {
|
||||||
|
@ -197,19 +197,6 @@ export default function SettingsPage() {
|
||||||
[setLightColor],
|
[setLightColor],
|
||||||
)
|
)
|
||||||
|
|
||||||
const renderSwitch = useCallback(
|
|
||||||
({item}: {item: Input<boolean>}) => (
|
|
||||||
<Switch
|
|
||||||
onPress={() => item.onChange(!item.value)}
|
|
||||||
key={item.name}
|
|
||||||
value={item.value}
|
|
||||||
onValueChange={item.onChange}>
|
|
||||||
{item.name}
|
|
||||||
</Switch>
|
|
||||||
),
|
|
||||||
[],
|
|
||||||
)
|
|
||||||
|
|
||||||
const selects: Input<string>[] = [
|
const selects: Input<string>[] = [
|
||||||
{name: 'Theme', value: theme, onChange: changeTheme, items: themeOptions},
|
{name: 'Theme', value: theme, onChange: changeTheme, items: themeOptions},
|
||||||
{
|
{
|
||||||
|
@ -233,7 +220,7 @@ export default function SettingsPage() {
|
||||||
value: option,
|
value: option,
|
||||||
})),
|
})),
|
||||||
},
|
},
|
||||||
].filter(({name}) => name.toLowerCase().includes(term.toLowerCase()))
|
]
|
||||||
|
|
||||||
const renderSelect = useCallback(
|
const renderSelect = useCallback(
|
||||||
({item}: {item: Input<string>}) => (
|
({item}: {item: Input<string>}) => (
|
||||||
|
@ -272,35 +259,73 @@ export default function SettingsPage() {
|
||||||
<>
|
<>
|
||||||
<DrawerHeader name="Settings" />
|
<DrawerHeader name="Settings" />
|
||||||
<Page term={term} search={setTerm} style={{flexGrow: 0}}>
|
<Page term={term} search={setTerm} style={{flexGrow: 0}}>
|
||||||
<FlatList
|
<Switch
|
||||||
style={{marginTop: MARGIN}}
|
onPress={() => changeAlarmEnabled(!alarm)}
|
||||||
data={switches}
|
value={alarm}
|
||||||
renderItem={renderSwitch}
|
onValueChange={changeAlarmEnabled}>
|
||||||
/>
|
Rest timers
|
||||||
|
</Switch>
|
||||||
|
<Switch
|
||||||
|
onPress={() => changeVibrate(!vibrate)}
|
||||||
|
value={vibrate}
|
||||||
|
onValueChange={changeVibrate}>
|
||||||
|
Vibrate
|
||||||
|
</Switch>
|
||||||
|
<Switch
|
||||||
|
onPress={() => changeNoSound(!noSound)}
|
||||||
|
value={noSound}
|
||||||
|
onValueChange={changeNoSound}>
|
||||||
|
Disable sound
|
||||||
|
</Switch>
|
||||||
|
<Switch
|
||||||
|
onPress={() => changeNotify(!notify)}
|
||||||
|
value={notify}
|
||||||
|
onValueChange={changeNotify}>
|
||||||
|
Notifications
|
||||||
|
</Switch>
|
||||||
|
<Switch
|
||||||
|
onPress={() => changeImages(!images)}
|
||||||
|
value={images}
|
||||||
|
onValueChange={changeImages}>
|
||||||
|
Show images
|
||||||
|
</Switch>
|
||||||
|
<Switch
|
||||||
|
onPress={() => changeUnit(!showUnit)}
|
||||||
|
value={showUnit}
|
||||||
|
onValueChange={changeUnit}>
|
||||||
|
Show unit
|
||||||
|
</Switch>
|
||||||
|
<Switch
|
||||||
|
onPress={() => changeSteps(!steps)}
|
||||||
|
value={steps}
|
||||||
|
onValueChange={changeSteps}>
|
||||||
|
Show steps
|
||||||
|
</Switch>
|
||||||
|
<Switch
|
||||||
|
onPress={() => changeShowDate(!showDate)}
|
||||||
|
value={showDate}
|
||||||
|
onValueChange={changeShowDate}>
|
||||||
|
Show date
|
||||||
|
</Switch>
|
||||||
|
|
||||||
<FlatList data={selects} renderItem={renderSelect} />
|
<FlatList data={selects} renderItem={renderSelect} />
|
||||||
{'alarm sound'.includes(term.toLowerCase()) && (
|
<View
|
||||||
<View
|
style={{
|
||||||
style={{
|
flexDirection: 'row',
|
||||||
flexDirection: 'row',
|
alignItems: 'center',
|
||||||
alignItems: 'center',
|
paddingLeft: ITEM_PADDING,
|
||||||
paddingLeft: ITEM_PADDING,
|
}}>
|
||||||
}}>
|
<Subheading style={{width: 100}}>Alarm sound</Subheading>
|
||||||
<Subheading style={{width: 100}}>Alarm sound</Subheading>
|
<Button onPress={changeSound}>{soundString || 'Default'}</Button>
|
||||||
<Button onPress={changeSound}>{soundString || 'Default'}</Button>
|
</View>
|
||||||
</View>
|
<Button style={{alignSelf: 'flex-start'}} onPress={exportDatabase}>
|
||||||
)}
|
Export database
|
||||||
{'export database'.includes(term.toLowerCase()) && (
|
</Button>
|
||||||
<Button style={{alignSelf: 'flex-start'}} onPress={exportDatabase}>
|
<Button
|
||||||
Export database
|
style={{alignSelf: 'flex-start'}}
|
||||||
</Button>
|
onPress={() => setImporting(true)}>
|
||||||
)}
|
Import database
|
||||||
{'import database'.includes(term.toLowerCase()) && (
|
</Button>
|
||||||
<Button
|
|
||||||
style={{alignSelf: 'flex-start'}}
|
|
||||||
onPress={() => setImporting(true)}>
|
|
||||||
Import database
|
|
||||||
</Button>
|
|
||||||
)}
|
|
||||||
</Page>
|
</Page>
|
||||||
|
|
||||||
<ConfirmDialog
|
<ConfirmDialog
|
||||||
|
|
3
optimizing-settings.txt
Normal file
3
optimizing-settings.txt
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
Didn't work:
|
||||||
|
- Removing term filtering
|
||||||
|
- Removing FlatList
|
Loading…
Reference in New Issue
Block a user