2022-12-08 00:18:41 +00:00
|
|
|
import {
|
|
|
|
NavigationProp,
|
|
|
|
useFocusEffect,
|
|
|
|
useNavigation,
|
|
|
|
} from '@react-navigation/native'
|
2022-11-12 01:38:39 +00:00
|
|
|
import {format} from 'date-fns'
|
2022-12-24 05:19:35 +00:00
|
|
|
import {useCallback, useEffect, useMemo, useState} from 'react'
|
|
|
|
import {Controller, useForm} from 'react-hook-form'
|
2022-12-22 06:14:34 +00:00
|
|
|
import {DeviceEventEmitter, NativeModules, Platform, View} from 'react-native'
|
2022-10-31 04:22:08 +00:00
|
|
|
import DocumentPicker from 'react-native-document-picker'
|
2022-12-08 00:18:41 +00:00
|
|
|
import {Dirs, FileSystem} from 'react-native-file-access'
|
2022-11-30 02:15:19 +00:00
|
|
|
import {Button, Subheading} from 'react-native-paper'
|
2022-12-08 00:18:41 +00:00
|
|
|
import ConfirmDialog from './ConfirmDialog'
|
2022-12-24 05:19:35 +00:00
|
|
|
import {ITEM_PADDING, MARGIN, toSentenceCase} from './constants'
|
2022-12-08 00:18:41 +00:00
|
|
|
import {AppDataSource} from './data-source'
|
2022-12-10 09:19:55 +00:00
|
|
|
import {setRepo, settingsRepo} from './db'
|
2022-12-08 00:18:41 +00:00
|
|
|
import {DrawerParamList} from './drawer-param-list'
|
2022-10-31 04:22:08 +00:00
|
|
|
import DrawerHeader from './DrawerHeader'
|
2022-12-01 02:45:18 +00:00
|
|
|
import {darkOptions, lightOptions, themeOptions} from './options'
|
2022-10-31 04:22:08 +00:00
|
|
|
import Page from './Page'
|
2022-11-01 03:06:25 +00:00
|
|
|
import Select from './Select'
|
2022-12-24 05:19:35 +00:00
|
|
|
import Settings from './settings'
|
2022-10-31 04:22:08 +00:00
|
|
|
import Switch from './Switch'
|
2022-11-01 02:55:37 +00:00
|
|
|
import {toast} from './toast'
|
2022-11-01 05:58:09 +00:00
|
|
|
import {useTheme} from './use-theme'
|
2022-07-08 03:45:24 +00:00
|
|
|
|
2022-11-21 05:15:43 +00:00
|
|
|
const defaultFormats = ['P', 'Pp', 'ccc p', 'p']
|
|
|
|
|
2022-07-08 03:20:03 +00:00
|
|
|
export default function SettingsPage() {
|
2022-12-24 05:19:35 +00:00
|
|
|
const {control, watch} = useForm<Settings>({
|
|
|
|
defaultValues: async () => settingsRepo.findOne({where: {}}),
|
|
|
|
})
|
|
|
|
const settings = watch()
|
2022-10-31 04:22:08 +00:00
|
|
|
const [term, setTerm] = useState('')
|
2022-11-01 05:58:09 +00:00
|
|
|
const [sound, setSound] = useState('')
|
2022-12-24 05:19:35 +00:00
|
|
|
const {setTheme, setLightColor, setDarkColor} = useTheme()
|
2022-11-21 05:15:43 +00:00
|
|
|
const [formatOptions, setFormatOptions] = useState<string[]>(defaultFormats)
|
2022-12-08 00:18:41 +00:00
|
|
|
const [importing, setImporting] = useState(false)
|
2022-12-24 05:19:35 +00:00
|
|
|
const [ignoring, setIgnoring] = useState(false)
|
2022-12-08 00:18:41 +00:00
|
|
|
const {reset} = useNavigation<NavigationProp<DrawerParamList>>()
|
2022-12-24 05:19:35 +00:00
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
if (Object.keys(settings).length === 0) return
|
2022-12-24 06:32:14 +00:00
|
|
|
console.log(`${SettingsPage.name}.update`)
|
2022-12-24 05:19:35 +00:00
|
|
|
settingsRepo.update({}, settings)
|
|
|
|
setLightColor(settings.lightColor)
|
|
|
|
setDarkColor(settings.darkColor)
|
|
|
|
setTheme(settings.theme)
|
|
|
|
if (!settings.alarm || ignoring) return
|
|
|
|
DeviceEventEmitter.emit('toast', {
|
|
|
|
value: 'Timers will now run after each set',
|
|
|
|
timeout: 4000,
|
|
|
|
})
|
|
|
|
NativeModules.SettingsModule.ignoreBattery()
|
|
|
|
setIgnoring(true)
|
|
|
|
}, [settings, setDarkColor, setLightColor, setTheme, ignoring])
|
2022-10-18 08:43:46 +00:00
|
|
|
|
2022-09-21 01:48:45 +00:00
|
|
|
useFocusEffect(
|
|
|
|
useCallback(() => {
|
2022-11-14 08:42:37 +00:00
|
|
|
if (Platform.OS !== 'android') return
|
2022-11-21 05:15:43 +00:00
|
|
|
NativeModules.SettingsModule.ignoringBattery(setIgnoring)
|
|
|
|
NativeModules.SettingsModule.is24().then((is24: boolean) => {
|
|
|
|
console.log(`${SettingsPage.name}.focus:`, {is24})
|
|
|
|
if (is24) setFormatOptions(['P', 'P, k:m', 'ccc k:m', 'k:m'])
|
|
|
|
else setFormatOptions(defaultFormats)
|
|
|
|
})
|
2022-09-21 01:48:45 +00:00
|
|
|
}, []),
|
2022-10-31 04:22:08 +00:00
|
|
|
)
|
2022-07-03 01:50:01 +00:00
|
|
|
|
2022-08-25 08:41:01 +00:00
|
|
|
const changeSound = useCallback(async () => {
|
|
|
|
const {fileCopyUri} = await DocumentPicker.pickSingle({
|
|
|
|
type: 'audio/*',
|
|
|
|
copyTo: 'documentDirectory',
|
2022-10-31 04:22:08 +00:00
|
|
|
})
|
|
|
|
if (!fileCopyUri) return
|
|
|
|
settingsRepo.update({}, {sound: fileCopyUri})
|
2022-11-01 05:58:09 +00:00
|
|
|
setSound(fileCopyUri)
|
2022-11-01 02:55:37 +00:00
|
|
|
toast('This song will now play after rest timers complete.')
|
2022-11-01 05:58:09 +00:00
|
|
|
}, [])
|
|
|
|
|
|
|
|
const soundString = useMemo(() => {
|
|
|
|
if (!sound) return null
|
|
|
|
const split = sound.split('/')
|
2022-11-30 02:19:31 +00:00
|
|
|
return split.pop()
|
2022-11-01 05:58:09 +00:00
|
|
|
}, [sound])
|
2022-10-31 08:32:33 +00:00
|
|
|
|
2022-12-01 02:45:18 +00:00
|
|
|
const renderSwitch = useCallback(
|
2022-12-24 05:19:35 +00:00
|
|
|
(key: keyof Settings) => (
|
|
|
|
<Controller
|
|
|
|
key={key}
|
|
|
|
name={key}
|
|
|
|
control={control}
|
|
|
|
render={({field: {onChange, value}}) => (
|
|
|
|
<Switch
|
|
|
|
value={value as boolean}
|
|
|
|
onPress={() => {
|
|
|
|
onChange(!value)
|
|
|
|
}}
|
|
|
|
onChange={onChange}>
|
|
|
|
{toSentenceCase(key)}
|
|
|
|
</Switch>
|
|
|
|
)}
|
|
|
|
/>
|
2022-11-07 01:30:25 +00:00
|
|
|
),
|
2022-12-24 05:19:35 +00:00
|
|
|
[control],
|
2022-11-07 01:30:25 +00:00
|
|
|
)
|
|
|
|
|
2022-12-24 05:19:35 +00:00
|
|
|
const switches: (keyof Settings)[] = [
|
|
|
|
'alarm',
|
|
|
|
'vibrate',
|
|
|
|
'noSound',
|
|
|
|
'notify',
|
|
|
|
'images',
|
|
|
|
'showUnit',
|
|
|
|
'steps',
|
|
|
|
'showDate',
|
|
|
|
]
|
|
|
|
|
|
|
|
const selects: (keyof Settings)[] = [
|
|
|
|
'theme',
|
|
|
|
'darkColor',
|
|
|
|
'lightColor',
|
|
|
|
'date',
|
|
|
|
]
|
|
|
|
|
|
|
|
const getItems = useCallback(
|
|
|
|
(key: keyof Settings) => {
|
|
|
|
const today = new Date()
|
|
|
|
switch (key) {
|
|
|
|
case 'theme':
|
|
|
|
return themeOptions
|
|
|
|
case 'darkColor':
|
|
|
|
return lightOptions
|
|
|
|
case 'lightColor':
|
|
|
|
return darkOptions
|
|
|
|
case 'date':
|
|
|
|
return formatOptions.map(option => ({
|
|
|
|
label: format(today, option),
|
|
|
|
value: option,
|
|
|
|
}))
|
|
|
|
default:
|
|
|
|
return []
|
|
|
|
}
|
2022-12-01 02:45:18 +00:00
|
|
|
},
|
2022-12-24 05:19:35 +00:00
|
|
|
[formatOptions],
|
|
|
|
)
|
2022-12-01 02:45:18 +00:00
|
|
|
|
|
|
|
const renderSelect = useCallback(
|
2022-12-24 05:19:35 +00:00
|
|
|
(key: keyof Settings) => (
|
|
|
|
<Controller
|
|
|
|
key={key}
|
|
|
|
name={key}
|
|
|
|
control={control}
|
|
|
|
render={({field: {onChange, value}}) => (
|
|
|
|
<Select
|
|
|
|
value={value as string}
|
|
|
|
onChange={onChange}
|
|
|
|
items={getItems(key)}
|
|
|
|
label={toSentenceCase(key)}
|
|
|
|
/>
|
|
|
|
)}
|
2022-12-01 02:45:18 +00:00
|
|
|
/>
|
|
|
|
),
|
2022-12-24 05:19:35 +00:00
|
|
|
[control, getItems],
|
2022-12-01 02:45:18 +00:00
|
|
|
)
|
|
|
|
|
2022-12-08 00:18:41 +00:00
|
|
|
const confirmImport = useCallback(async () => {
|
|
|
|
setImporting(false)
|
|
|
|
await AppDataSource.destroy()
|
|
|
|
const result = await DocumentPicker.pickSingle()
|
|
|
|
await FileSystem.cp(result.uri, Dirs.DatabaseDir + '/massive.db')
|
|
|
|
await AppDataSource.initialize()
|
2022-12-10 09:19:55 +00:00
|
|
|
await setRepo.createQueryBuilder().update().set({image: null}).execute()
|
|
|
|
await settingsRepo
|
|
|
|
.createQueryBuilder()
|
|
|
|
.update()
|
2022-12-10 09:22:51 +00:00
|
|
|
.set({sound: null})
|
2022-12-10 09:19:55 +00:00
|
|
|
.execute()
|
2022-12-08 00:18:41 +00:00
|
|
|
reset({index: 0, routes: [{name: 'Settings'}]})
|
|
|
|
}, [reset])
|
|
|
|
|
|
|
|
const exportDatabase = useCallback(async () => {
|
|
|
|
const path = Dirs.DatabaseDir + '/massive.db'
|
|
|
|
await FileSystem.cpExternal(path, 'massive.db', 'downloads')
|
|
|
|
toast('Database exported. Check downloads.')
|
|
|
|
}, [])
|
|
|
|
|
2022-12-24 00:36:11 +00:00
|
|
|
const buttons = useMemo(
|
|
|
|
() => [
|
|
|
|
{
|
|
|
|
name: 'Alarm sound',
|
|
|
|
element: (
|
2022-11-30 02:15:19 +00:00
|
|
|
<View
|
2022-12-24 00:36:11 +00:00
|
|
|
key="alarm-sound"
|
2022-11-30 02:15:19 +00:00
|
|
|
style={{
|
|
|
|
flexDirection: 'row',
|
|
|
|
alignItems: 'center',
|
2022-12-01 02:45:18 +00:00
|
|
|
paddingLeft: ITEM_PADDING,
|
2022-11-30 02:15:19 +00:00
|
|
|
}}>
|
2022-12-01 02:51:39 +00:00
|
|
|
<Subheading style={{width: 100}}>Alarm sound</Subheading>
|
2022-11-30 02:15:19 +00:00
|
|
|
<Button onPress={changeSound}>{soundString || 'Default'}</Button>
|
|
|
|
</View>
|
2022-12-24 00:36:11 +00:00
|
|
|
),
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: 'Export database',
|
|
|
|
element: (
|
|
|
|
<Button
|
|
|
|
key="export-db"
|
|
|
|
style={{alignSelf: 'flex-start'}}
|
|
|
|
onPress={exportDatabase}>
|
2022-12-08 00:22:02 +00:00
|
|
|
Export database
|
|
|
|
</Button>
|
2022-12-24 00:36:11 +00:00
|
|
|
),
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: 'Import database',
|
|
|
|
element: (
|
2022-12-08 00:22:02 +00:00
|
|
|
<Button
|
2022-12-24 00:36:11 +00:00
|
|
|
key="import-db"
|
2022-12-08 00:22:02 +00:00
|
|
|
style={{alignSelf: 'flex-start'}}
|
|
|
|
onPress={() => setImporting(true)}>
|
|
|
|
Import database
|
|
|
|
</Button>
|
2022-12-24 00:36:11 +00:00
|
|
|
),
|
|
|
|
},
|
|
|
|
],
|
|
|
|
[changeSound, exportDatabase, soundString],
|
|
|
|
)
|
|
|
|
|
|
|
|
return (
|
|
|
|
<>
|
|
|
|
<DrawerHeader name="Settings" />
|
|
|
|
|
|
|
|
<Page term={term} search={setTerm} style={{flexGrow: 0}}>
|
|
|
|
<View style={{marginTop: MARGIN}}>
|
2022-12-24 05:19:35 +00:00
|
|
|
{switches
|
|
|
|
.filter(s => s.toLowerCase().includes(term.toLowerCase()))
|
|
|
|
.map(s => renderSwitch(s))}
|
|
|
|
{selects
|
|
|
|
.filter(s => s.toLowerCase().includes(term.toLowerCase()))
|
|
|
|
.map(key => renderSelect(key))}
|
2022-12-24 00:36:11 +00:00
|
|
|
{buttons
|
|
|
|
.filter(b => b.name.includes(term.toLowerCase()))
|
|
|
|
.map(b => b.element)}
|
|
|
|
</View>
|
2022-10-22 23:35:58 +00:00
|
|
|
</Page>
|
2022-12-08 00:18:41 +00:00
|
|
|
|
|
|
|
<ConfirmDialog
|
|
|
|
title="Are you sure?"
|
|
|
|
onOk={confirmImport}
|
|
|
|
setShow={setImporting}
|
|
|
|
show={importing}>
|
|
|
|
Importing a database overwrites your current data. This action cannot be
|
|
|
|
reversed!
|
|
|
|
</ConfirmDialog>
|
2022-10-22 23:35:58 +00:00
|
|
|
</>
|
2022-10-31 04:22:08 +00:00
|
|
|
)
|
2022-07-03 01:50:01 +00:00
|
|
|
}
|