theoludwig/p61-project
1
1
Fork 0
mirror of https://github.com/theoludwig/p61-project.git synced 2024-07-17 07:00:12 +02:00
Code Issues Releases Activity

feat: add loading state while retrieving habits

Browse Source
This commit is contained in:
Théo LUDWIG 2024-03-24 23:51:29 +01:00
parent 1c648972d5
commit 57058c97b1
Signed by: theoludwig
GPG Key ID: ADFE5A563D718F3B
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/application/habits/index.tsx
View File

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