theoludwig/p61-project
Archived
1
1
Fork 0
Code Issues Pull Requests 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

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

@ -1,10 +1,11 @@
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 } = useHabitsTracker()
const { habitsTracker, retrieveHabitsTracker } = useHabitsTracker()
return (
<SafeAreaView
@ -12,10 +13,16 @@ const HabitsPage: React.FC = () => {
{
flex: 1,
alignItems: "center",
justifyContent:
retrieveHabitsTracker.state === "loading" ? "center" : "flex-start",
},
]}
>
<HabitsHistory habitsHistory={habitsTracker.habitsHistory} />
{retrieveHabitsTracker.state === "loading" ? (
<ActivityIndicator animating size="large" />
) : (
<HabitsHistory habitsHistory={habitsTracker.habitsHistory} />
)}
</SafeAreaView>
)
}