From eea32ec256878fd14ed471eb505fa3e0f56ecbe9 Mon Sep 17 00:00:00 2001
From: Xc165543337 <90028194+Xc165543337@users.noreply.github.com>
Date: Thu, 4 Apr 2024 11:01:49 +0200
Subject: [PATCH] fix: retrieve habits error case

---
 app/application/habits/index.tsx | 45 +++++++++++++++++++++++++++++---
 1 file changed, 42 insertions(+), 3 deletions(-)

diff --git a/app/application/habits/index.tsx b/app/application/habits/index.tsx
index f1b5c5e..daeb46d 100644
--- a/app/application/habits/index.tsx
+++ b/app/application/habits/index.tsx
@@ -1,11 +1,15 @@
 import { SafeAreaView } from "react-native-safe-area-context"
-import { ActivityIndicator } from "react-native-paper"
+import { ActivityIndicator, Button, Text } from "react-native-paper"
 
 import { HabitsHistory } from "@/presentation/react/components/HabitsHistory/HabitsHistory"
 import { useHabitsTracker } from "@/presentation/react/contexts/HabitsTracker"
+import { useAuthentication } from "@/presentation/react/contexts/Authentication"
 
 const HabitsPage: React.FC = () => {
-  const { habitsTracker, retrieveHabitsTracker } = useHabitsTracker()
+  const { habitsTracker, retrieveHabitsTracker, habitsTrackerPresenter } =
+    useHabitsTracker()
+
+  const { user } = useAuthentication()
 
   return (
     <SafeAreaView
@@ -14,12 +18,47 @@ const HabitsPage: React.FC = () => {
           flex: 1,
           alignItems: "center",
           justifyContent:
-            retrieveHabitsTracker.state === "loading" ? "center" : "flex-start",
+            retrieveHabitsTracker.state === "loading" ||
+            retrieveHabitsTracker.state === "error"
+              ? "center"
+              : "flex-start",
         },
       ]}
     >
       {retrieveHabitsTracker.state === "loading" ? (
         <ActivityIndicator animating size="large" />
+      ) : retrieveHabitsTracker.state === "error" ? (
+        <>
+          <Text variant="titleLarge">
+            Error: There was an issue while retrieving habits, please try again.
+          </Text>
+          <Button
+            mode="contained"
+            style={{
+              marginTop: 16,
+              width: 150,
+              height: 40,
+            }}
+            onPress={async () => {
+              if (user === null) {
+                return
+              }
+              await habitsTrackerPresenter.retrieveHabitsTracker({
+                userId: user.id,
+              })
+            }}
+          >
+            <Text
+              style={{
+                color: "white",
+                fontWeight: "bold",
+                fontSize: 16,
+              }}
+            >
+              Retry
+            </Text>
+          </Button>
+        </>
       ) : (
         <HabitsHistory habitsTracker={habitsTracker} />
       )}