1
1
mirror of https://github.com/theoludwig/p61-project.git synced 2024-07-17 07:00:12 +02:00
p61-project/app/application/habits/index.tsx

31 lines
872 B
TypeScript

import { SafeAreaView } from "react-native-safe-area-context"
import { ActivityIndicator } from "react-native-paper"
import { HabitsHistory } from "@/presentation/react/components/HabitsHistory/HabitsHistory"
import { useHabitsTracker } from "@/presentation/react/contexts/HabitsTracker"
const HabitsPage: React.FC = () => {
const { habitsTracker, retrieveHabitsTracker } = useHabitsTracker()
return (
<SafeAreaView
style={[
{
flex: 1,
alignItems: "center",
justifyContent:
retrieveHabitsTracker.state === "loading" ? "center" : "flex-start",
},
]}
>
{retrieveHabitsTracker.state === "loading" ? (
<ActivityIndicator animating size="large" />
) : (
<HabitsHistory habitsTracker={habitsTracker} />
)}
</SafeAreaView>
)
}
export default HabitsPage