120 lines
3.8 KiB
TypeScript
120 lines
3.8 KiB
TypeScript
import AsyncStorage from '@react-native-async-storage/async-storage';
|
|
import {createDrawerNavigator} from '@react-navigation/drawer';
|
|
import {
|
|
DarkTheme,
|
|
DefaultTheme,
|
|
NavigationContainer,
|
|
} from '@react-navigation/native';
|
|
import React, {useEffect, useState} from 'react';
|
|
import {StatusBar, useColorScheme} from 'react-native';
|
|
import {
|
|
DarkTheme as DarkThemePaper,
|
|
DefaultTheme as DefaultThemePaper,
|
|
IconButton,
|
|
Provider,
|
|
} from 'react-native-paper';
|
|
import {SQLiteDatabase} from 'react-native-sqlite-storage';
|
|
import Ionicon from 'react-native-vector-icons/Ionicons';
|
|
import BestPage from './BestPage';
|
|
import {createPlans, createSets, getDb} from './db';
|
|
import HomePage from './HomePage';
|
|
import PlanPage from './PlanPage';
|
|
import SettingsPage from './SettingsPage';
|
|
|
|
const Drawer = createDrawerNavigator<DrawerParamList>();
|
|
export type DrawerParamList = {
|
|
Home: {};
|
|
Settings: {};
|
|
Best: {};
|
|
Plan: {};
|
|
};
|
|
|
|
export const DatabaseContext = React.createContext<SQLiteDatabase>({} as any);
|
|
|
|
const {getItem, setItem} = AsyncStorage;
|
|
|
|
const App = () => {
|
|
const [db, setDb] = useState<SQLiteDatabase | null>(null);
|
|
const dark = useColorScheme() === 'dark';
|
|
|
|
useEffect(() => {
|
|
const init = async () => {
|
|
const gotDb = await getDb();
|
|
await gotDb.executeSql(createPlans);
|
|
await gotDb.executeSql(createSets);
|
|
setDb(gotDb);
|
|
const minutes = await getItem('minutes');
|
|
if (minutes === null) await setItem('minutes', '3');
|
|
const seconds = await getItem('seconds');
|
|
if (seconds === null) await setItem('seconds', '30');
|
|
const alarmEnabled = await getItem('alarmEnabled');
|
|
if (alarmEnabled === null) await setItem('alarmEnabled', 'false');
|
|
if (!(await getItem('predictiveSets')))
|
|
await setItem('predictiveSets', 'true');
|
|
if (!(await getItem('maxSets'))) await setItem('maxSets', '3');
|
|
};
|
|
init();
|
|
}, []);
|
|
|
|
return (
|
|
<Provider
|
|
theme={dark ? DarkThemePaper : DefaultThemePaper}
|
|
settings={{icon: props => <Ionicon {...props} />}}>
|
|
<NavigationContainer theme={dark ? DarkTheme : DefaultTheme}>
|
|
<StatusBar barStyle={dark ? 'light-content' : 'dark-content'} />
|
|
{db && (
|
|
<DatabaseContext.Provider value={db}>
|
|
<Drawer.Navigator
|
|
screenOptions={{headerTintColor: dark ? 'white' : 'black'}}>
|
|
<Drawer.Screen
|
|
options={{
|
|
drawerIcon: ({focused}) => (
|
|
<IconButton icon={focused ? 'home' : 'home-outline'} />
|
|
),
|
|
}}
|
|
name="Home"
|
|
component={HomePage}
|
|
/>
|
|
<Drawer.Screen
|
|
options={{
|
|
drawerIcon: ({focused}) => (
|
|
<IconButton
|
|
icon={focused ? 'calendar' : 'calendar-outline'}
|
|
/>
|
|
),
|
|
}}
|
|
name="Plan"
|
|
component={PlanPage}
|
|
/>
|
|
<Drawer.Screen
|
|
options={{
|
|
drawerIcon: ({focused}) => (
|
|
<IconButton
|
|
icon={focused ? 'bar-chart' : 'bar-chart-outline'}
|
|
/>
|
|
),
|
|
}}
|
|
name="Best"
|
|
component={BestPage}
|
|
/>
|
|
<Drawer.Screen
|
|
options={{
|
|
drawerIcon: ({focused}) => (
|
|
<IconButton
|
|
icon={focused ? 'settings' : 'settings-outline'}
|
|
/>
|
|
),
|
|
}}
|
|
name="Settings"
|
|
component={SettingsPage}
|
|
/>
|
|
</Drawer.Navigator>
|
|
</DatabaseContext.Provider>
|
|
)}
|
|
</NavigationContainer>
|
|
</Provider>
|
|
);
|
|
};
|
|
|
|
export default App;
|