2022-07-10 12:04:13 +00:00
|
|
|
import {createDrawerNavigator} from '@react-navigation/drawer';
|
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,
|
|
|
|
} from '@react-navigation/native';
|
2022-07-07 02:18:38 +00:00
|
|
|
import React, {useEffect, useState} from 'react';
|
2022-07-05 12:06:16 +00:00
|
|
|
import {StatusBar, useColorScheme} from 'react-native';
|
2022-07-06 09:03:56 +00:00
|
|
|
import {
|
2022-07-15 06:06:33 +00:00
|
|
|
DarkTheme as PaperDarkTheme,
|
|
|
|
DefaultTheme as PaperDefaultTheme,
|
2022-07-06 09:03:56 +00:00
|
|
|
Provider,
|
|
|
|
} from 'react-native-paper';
|
2022-07-07 02:18:38 +00:00
|
|
|
import {SQLiteDatabase} from 'react-native-sqlite-storage';
|
|
|
|
import Ionicon from 'react-native-vector-icons/Ionicons';
|
2022-08-24 00:01:39 +00:00
|
|
|
import {createPlans, createSets, createSettings, getDb} from './db';
|
2022-07-15 04:34:06 +00:00
|
|
|
import Routes from './Routes';
|
2022-07-03 01:50:01 +00:00
|
|
|
|
2022-07-15 04:34:06 +00:00
|
|
|
export const Drawer = createDrawerNavigator<DrawerParamList>();
|
2022-07-10 12:04:13 +00:00
|
|
|
export type DrawerParamList = {
|
2022-07-03 01:50:01 +00:00
|
|
|
Home: {};
|
|
|
|
Settings: {};
|
2022-07-08 03:20:03 +00:00
|
|
|
Best: {};
|
2022-07-11 00:28:30 +00:00
|
|
|
Plans: {};
|
2022-07-03 01:50:01 +00:00
|
|
|
};
|
|
|
|
|
2022-07-07 02:18:38 +00:00
|
|
|
export const DatabaseContext = React.createContext<SQLiteDatabase>({} as any);
|
2022-06-30 06:50:52 +00:00
|
|
|
|
2022-07-15 06:06:33 +00:00
|
|
|
const CombinedDefaultTheme = {
|
|
|
|
...PaperDefaultTheme,
|
|
|
|
...NavigationDefaultTheme,
|
|
|
|
colors: {
|
|
|
|
...PaperDefaultTheme.colors,
|
|
|
|
...NavigationDefaultTheme.colors,
|
|
|
|
},
|
|
|
|
};
|
|
|
|
const CombinedDarkTheme = {
|
|
|
|
...PaperDarkTheme,
|
|
|
|
...NavigationDarkTheme,
|
|
|
|
colors: {
|
|
|
|
...PaperDarkTheme.colors,
|
|
|
|
...NavigationDarkTheme.colors,
|
|
|
|
},
|
|
|
|
};
|
|
|
|
|
2022-07-01 01:42:42 +00:00
|
|
|
const App = () => {
|
2022-07-07 02:18:38 +00:00
|
|
|
const [db, setDb] = useState<SQLiteDatabase | null>(null);
|
2022-07-01 01:42:42 +00:00
|
|
|
const dark = useColorScheme() === 'dark';
|
2022-07-06 09:03:56 +00:00
|
|
|
|
2022-07-03 01:50:01 +00:00
|
|
|
useEffect(() => {
|
2022-07-09 01:27:19 +00:00
|
|
|
const init = async () => {
|
2022-08-24 00:01:39 +00:00
|
|
|
const _db = await getDb();
|
|
|
|
await _db.executeSql(createPlans);
|
|
|
|
await _db.executeSql(createSets);
|
|
|
|
await _db.executeSql(createSettings);
|
|
|
|
setDb(_db);
|
|
|
|
const [result] = await _db.executeSql(`SELECT * FROM settings LIMIT 1`);
|
|
|
|
if (result.rows.length === 0)
|
|
|
|
return _db.executeSql(`
|
|
|
|
INSERT INTO settings(minutes,seconds,alarm,vibrate,predict,sets)
|
|
|
|
VALUES(3,30,false,true,true,3);
|
|
|
|
`);
|
2022-07-09 01:27:19 +00:00
|
|
|
};
|
2022-07-07 02:18:38 +00:00
|
|
|
init();
|
2022-07-03 01:50:01 +00:00
|
|
|
}, []);
|
2022-06-30 06:50:52 +00:00
|
|
|
|
|
|
|
return (
|
2022-07-06 09:03:56 +00:00
|
|
|
<Provider
|
2022-07-15 06:06:33 +00:00
|
|
|
theme={dark ? CombinedDarkTheme : CombinedDefaultTheme}
|
2022-07-06 09:03:56 +00:00
|
|
|
settings={{icon: props => <Ionicon {...props} />}}>
|
2022-07-15 06:06:33 +00:00
|
|
|
<NavigationContainer
|
|
|
|
theme={dark ? CombinedDarkTheme : CombinedDefaultTheme}>
|
2022-07-06 09:03:56 +00:00
|
|
|
<StatusBar barStyle={dark ? 'light-content' : 'dark-content'} />
|
2022-07-15 04:34:06 +00:00
|
|
|
<Routes db={db} />
|
2022-07-06 09:03:56 +00:00
|
|
|
</NavigationContainer>
|
|
|
|
</Provider>
|
2022-06-30 06:50:52 +00:00
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
export default App;
|