2022-06-30 06:50:52 +00:00
|
|
|
import {
|
2022-07-15 06:06:33 +00:00
|
|
|
DarkTheme as NavigationDarkTheme,
|
|
|
|
DefaultTheme as NavigationDefaultTheme,
|
2022-07-03 01:50:01 +00:00
|
|
|
NavigationContainer,
|
2022-10-31 04:22:08 +00:00
|
|
|
} from '@react-navigation/native'
|
|
|
|
import {useEffect, useMemo, useState} from 'react'
|
2022-11-01 02:55:37 +00:00
|
|
|
import {DeviceEventEmitter, useColorScheme} from 'react-native'
|
2022-11-01 06:59:48 +00:00
|
|
|
import React from 'react'
|
2022-07-06 09:03:56 +00:00
|
|
|
import {
|
2022-07-15 06:06:33 +00:00
|
|
|
DarkTheme as PaperDarkTheme,
|
|
|
|
DefaultTheme as PaperDefaultTheme,
|
2022-10-29 23:56:58 +00:00
|
|
|
Provider as PaperProvider,
|
2022-11-01 02:55:37 +00:00
|
|
|
Snackbar,
|
2022-10-31 04:22:08 +00:00
|
|
|
} from 'react-native-paper'
|
|
|
|
import MaterialIcon from 'react-native-vector-icons/MaterialIcons'
|
2022-10-31 05:16:11 +00:00
|
|
|
import {AppDataSource} from './data-source'
|
|
|
|
import {settingsRepo} from './db'
|
2022-10-31 04:22:08 +00:00
|
|
|
import Routes from './Routes'
|
2022-11-01 02:55:37 +00:00
|
|
|
import {TOAST} from './toast'
|
2022-11-01 03:50:03 +00:00
|
|
|
import {ThemeContext} from './use-theme'
|
2022-07-03 01:50:01 +00:00
|
|
|
|
2022-08-26 01:54:51 +00:00
|
|
|
export const CombinedDefaultTheme = {
|
2022-07-15 06:06:33 +00:00
|
|
|
...NavigationDefaultTheme,
|
2022-09-24 03:59:52 +00:00
|
|
|
...PaperDefaultTheme,
|
2022-07-15 06:06:33 +00:00
|
|
|
colors: {
|
|
|
|
...NavigationDefaultTheme.colors,
|
2022-09-24 03:59:52 +00:00
|
|
|
...PaperDefaultTheme.colors,
|
2022-07-15 06:06:33 +00:00
|
|
|
},
|
2022-10-31 04:22:08 +00:00
|
|
|
}
|
2022-10-14 04:24:02 +00:00
|
|
|
|
2022-08-26 01:54:51 +00:00
|
|
|
export const CombinedDarkTheme = {
|
2022-07-15 06:06:33 +00:00
|
|
|
...NavigationDarkTheme,
|
2022-09-24 03:59:52 +00:00
|
|
|
...PaperDarkTheme,
|
2022-07-15 06:06:33 +00:00
|
|
|
colors: {
|
|
|
|
...NavigationDarkTheme.colors,
|
2022-09-24 03:59:52 +00:00
|
|
|
...PaperDarkTheme.colors,
|
2022-07-15 06:06:33 +00:00
|
|
|
},
|
2022-10-31 04:22:08 +00:00
|
|
|
}
|
2022-07-15 06:06:33 +00:00
|
|
|
|
2022-07-01 01:42:42 +00:00
|
|
|
const App = () => {
|
2022-10-31 04:22:08 +00:00
|
|
|
const isDark = useColorScheme() === 'dark'
|
2022-10-31 08:00:10 +00:00
|
|
|
const [initialized, setInitialized] = useState(false)
|
2022-11-01 03:11:39 +00:00
|
|
|
const [snackbar, setSnackbar] = useState('')
|
2022-11-01 03:50:03 +00:00
|
|
|
const [theme, setTheme] = useState('system')
|
2022-11-01 03:11:39 +00:00
|
|
|
|
2022-11-26 00:15:12 +00:00
|
|
|
const [lightColor, setLightColor] = useState<string>(
|
|
|
|
CombinedDefaultTheme.colors.primary,
|
|
|
|
)
|
|
|
|
|
|
|
|
const [darkColor, setDarkColor] = useState<string>(
|
|
|
|
CombinedDarkTheme.colors.primary,
|
2022-11-01 03:50:03 +00:00
|
|
|
)
|
2022-10-04 01:35:56 +00:00
|
|
|
|
|
|
|
useEffect(() => {
|
2022-11-04 05:34:04 +00:00
|
|
|
const init = async () => {
|
|
|
|
if (!AppDataSource.isInitialized) await AppDataSource.initialize()
|
|
|
|
const settings = await settingsRepo.findOne({where: {}})
|
|
|
|
console.log(`${App.name}.useEffect:`, {gotSettings: settings})
|
|
|
|
setTheme(settings.theme)
|
2022-11-26 00:15:12 +00:00
|
|
|
if (settings.lightColor) setLightColor(settings.lightColor)
|
2022-12-08 02:40:26 +00:00
|
|
|
if (settings.darkColor) setDarkColor(settings.darkColor)
|
2022-11-04 05:34:04 +00:00
|
|
|
setInitialized(true)
|
|
|
|
}
|
|
|
|
init()
|
2022-11-03 07:04:15 +00:00
|
|
|
const description = DeviceEventEmitter.addListener(
|
|
|
|
TOAST,
|
|
|
|
({value}: {value: string}) => {
|
|
|
|
setSnackbar(value)
|
|
|
|
},
|
|
|
|
)
|
|
|
|
return description.remove
|
2022-10-31 08:32:33 +00:00
|
|
|
}, [])
|
2022-10-04 01:35:56 +00:00
|
|
|
|
2022-11-01 03:50:03 +00:00
|
|
|
const paperTheme = useMemo(() => {
|
2022-11-26 00:15:12 +00:00
|
|
|
const darkTheme = lightColor
|
2022-10-31 08:32:33 +00:00
|
|
|
? {
|
|
|
|
...CombinedDarkTheme,
|
2022-11-26 00:15:12 +00:00
|
|
|
colors: {...CombinedDarkTheme.colors, primary: darkColor},
|
2022-10-31 08:32:33 +00:00
|
|
|
}
|
|
|
|
: CombinedDarkTheme
|
2022-11-26 00:15:12 +00:00
|
|
|
const lightTheme = lightColor
|
2022-10-31 08:32:33 +00:00
|
|
|
? {
|
|
|
|
...CombinedDefaultTheme,
|
2022-11-26 00:15:12 +00:00
|
|
|
colors: {...CombinedDefaultTheme.colors, primary: lightColor},
|
2022-10-31 08:32:33 +00:00
|
|
|
}
|
|
|
|
: CombinedDefaultTheme
|
2022-10-31 04:22:08 +00:00
|
|
|
let value = isDark ? darkTheme : lightTheme
|
2022-11-01 03:50:03 +00:00
|
|
|
if (theme === 'dark') value = darkTheme
|
|
|
|
else if (theme === 'light') value = lightTheme
|
2022-10-31 04:22:08 +00:00
|
|
|
return value
|
2022-11-26 00:15:12 +00:00
|
|
|
}, [isDark, theme, lightColor, darkColor])
|
2022-10-31 08:00:10 +00:00
|
|
|
|
2022-11-01 03:08:02 +00:00
|
|
|
const action = useMemo(
|
|
|
|
() => ({
|
|
|
|
label: 'Close',
|
|
|
|
onPress: () => setSnackbar(''),
|
2022-11-02 00:39:51 +00:00
|
|
|
color: paperTheme.colors.background,
|
2022-11-01 03:08:02 +00:00
|
|
|
}),
|
2022-11-02 00:39:51 +00:00
|
|
|
[paperTheme.colors.background],
|
2022-11-01 03:08:02 +00:00
|
|
|
)
|
|
|
|
|
2022-06-30 06:50:52 +00:00
|
|
|
return (
|
2022-10-31 08:32:33 +00:00
|
|
|
<PaperProvider
|
2022-11-01 03:50:03 +00:00
|
|
|
theme={paperTheme}
|
2022-10-31 08:32:33 +00:00
|
|
|
settings={{icon: props => <MaterialIcon {...props} />}}>
|
2022-11-01 03:50:03 +00:00
|
|
|
<NavigationContainer theme={paperTheme}>
|
2022-11-01 02:55:37 +00:00
|
|
|
{initialized && (
|
2022-11-26 00:15:12 +00:00
|
|
|
<ThemeContext.Provider
|
|
|
|
value={{
|
|
|
|
theme,
|
|
|
|
setTheme,
|
|
|
|
lightColor,
|
|
|
|
setLightColor,
|
|
|
|
darkColor,
|
|
|
|
setDarkColor,
|
|
|
|
}}>
|
2022-11-01 02:55:37 +00:00
|
|
|
<Routes />
|
2022-11-01 03:50:03 +00:00
|
|
|
</ThemeContext.Provider>
|
2022-11-01 02:55:37 +00:00
|
|
|
)}
|
2022-10-31 08:32:33 +00:00
|
|
|
</NavigationContainer>
|
2022-11-01 02:55:37 +00:00
|
|
|
|
|
|
|
<Snackbar
|
|
|
|
duration={3000}
|
|
|
|
onDismiss={() => setSnackbar('')}
|
|
|
|
visible={!!snackbar}
|
2022-11-01 03:08:02 +00:00
|
|
|
action={action}>
|
2022-11-01 02:55:37 +00:00
|
|
|
{snackbar}
|
|
|
|
</Snackbar>
|
2022-10-31 08:32:33 +00:00
|
|
|
</PaperProvider>
|
2022-10-31 04:22:08 +00:00
|
|
|
)
|
|
|
|
}
|
2022-06-30 06:50:52 +00:00
|
|
|
|
2022-10-31 04:22:08 +00:00
|
|
|
export default App
|