-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
69 lines (59 loc) · 1.54 KB
/
App.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
import 'react-native-get-random-values';
import dayjs from 'dayjs';
import AsyncStorage from '@react-native-async-storage/async-storage'
import { useEffect, useState } from 'react';
import {
StyleSheet,
View,
} from 'react-native';
import { getTodo, roundDownToDay } from './utils/dataHelper';
import Header from './components/Header';
import Body from './components/Body';
// (async () => {
// const asyncStorageKeys = await AsyncStorage.getAllKeys()
// if (asyncStorageKeys.length > 0) {
// if (Platform.OS === 'android') {
// await AsyncStorage.clear()
// }
// if (Platform.OS === 'ios') {
// await AsyncStorage.multiRemove(asyncStorageKeys)
// }
// }
// })()
const App = () => {
const [todos, setTodos] = useState(null)
const [currentDate, setCurrentDate] = useState(dayjs())
const isCurrent = !dayjs(roundDownToDay(currentDate)).isBefore(dayjs(roundDownToDay(dayjs())))
const fetchData = async () => {
const todos = await getTodo(currentDate.format('DDMMYY'))
setTodos(todos)
}
useEffect(() => {
fetchData()
}, [currentDate])
return (
<View
style={styles.container}
>
<Header
currentDate={currentDate}
setCurrentDate={setCurrentDate}
/>
<Body
todos={todos}
currentDate={currentDate}
isCurrent={isCurrent}
fetchData={fetchData}
/>
</View>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
padding: 10,
paddingTop: 20,
},
});
export default App