diff --git a/app/application/habits/index.tsx b/app/application/habits/index.tsx index 46a36e9..2623222 100644 --- a/app/application/habits/index.tsx +++ b/app/application/habits/index.tsx @@ -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 ( { { flex: 1, alignItems: "center", + justifyContent: + retrieveHabitsTracker.state === "loading" ? "center" : "flex-start", }, ]} > - + {retrieveHabitsTracker.state === "loading" ? ( + + ) : ( + + )} ) }