Revert "feat: finish stas"

This reverts commit 42f5623c92.

presentation/react/components/Stats/Stats.tsx

@@ -1,18 +1,18 @@
 import { Card, Text } from "react-native-paper"
 import CircularProgress from "react-native-circular-progress-indicator"
 import { Agenda } from "react-native-calendars"
-import type { SetStateAction } from "react"
+import { useState } from "react"
-import { useState, useEffect } from "react"
 
 import { getNowDateUTC, getISODate } from "@/utils/dates"
 import type { HabitsTracker } from "@/domain/entities/HabitsTracker"
-import type { HabitHistory } from "@/domain/entities/HabitHistory"
 
 export interface StatsProps {
   habitsTracker: HabitsTracker
 }
 
-export const Stats: React.FC<StatsProps> = ({ habitsTracker }) => {
+export const Stats: React.FC<StatsProps> = (props) => {
+  const { habitsTracker } = props
+
   const today = getNowDateUTC()
   const todayISO = getISODate(today)
 
@@ -21,98 +21,81 @@ export const Stats: React.FC<StatsProps> = ({ habitsTracker }) => {
 
   const habitsHistory = habitsTracker.getAllHabitsHistory()
 
-  const [goalDays, setGoalDays] = useState(0)
+  let goalDays = 0
-  const [totalGoalDays, setTotalGoalDays] = useState(0)
+  let totalGoalDays = 0
-  const [displayDaily, setDisplayDaily] = useState(true)
-  const [goalWeek, setGoalWeek] = useState(0)
-  const [totalGoalWeek, setTotalGoalWeek] = useState(0)
-  const [displayWeekly, setDisplayWeekly] = useState(true)
-  const [goalMonth, setGoalMonth] = useState(0)
-  const [totalGoalMonth, setTotalGoalMonth] = useState(0)
-  const [displayMonthly, setDisplayMonthly] = useState(true)
-
-  const updateStats = (date: Date): void => {
   const dailyHabits = habitsHistory.filter((el) => {
     return (
-        el.habit.goal.frequency === "daily" &&
+      el.habit.goal.frequency === "daily" && el.habit.startDate <= selectedDate
-        el.habit.startDate.getFullYear() <= date.getFullYear() &&
-        el.habit.startDate.getMonth() <= date.getMonth() &&
-        el.habit.startDate.getDate() <= date.getDate()
     )
   })
+  let displayDaily = true
+  if (dailyHabits.length === 0) {
+    displayDaily = false
+  } else {
+    for (const el of dailyHabits) {
+      totalGoalDays++
+      if (
+        el.getProgressesByDate(selectedDate)[0]?.goalProgress.isCompleted() ??
+        false
+      ) {
+        goalDays++
+      }
+    }
+  }
+
+  let goalWeek = 0
+  let totalGoalWeek = 0
   const weeklyHabits = habitsHistory.filter((el) => {
     return (
-        el.habit.goal.frequency === "weekly" &&
+      el.habit.goal.frequency === "weekly" && el.habit.startDate <= selectedDate
-        el.habit.startDate.getFullYear() <= date.getFullYear() &&
-        el.habit.startDate.getMonth() <= date.getMonth() &&
-        el.habit.startDate.getDate() <= date.getDate()
     )
   })
+
+  let displayWeekly = true
+  if (weeklyHabits.length === 0) {
+    displayWeekly = false
+  } else {
+    for (const el of weeklyHabits) {
+      totalGoalWeek++
+      if (
+        el.getProgressesByDate(selectedDate)[0]?.goalProgress.isCompleted() ??
+        false
+      ) {
+        goalWeek++
+      }
+    }
+  }
+
+  let goalMonth = 0
+  let totalGoalMonth = 0
   const monthlyHabits = habitsHistory.filter((el) => {
     return (
       el.habit.goal.frequency === "monthly" &&
-        el.habit.startDate.getFullYear() <= date.getFullYear() &&
+      el.habit.startDate <= selectedDate
-        el.habit.startDate.getMonth() <= date.getMonth() &&
-        el.habit.startDate.getDate() <= date.getDate()
     )
   })
 
-    const calculateGoals = (
+  let displayMonthly = true
-      habits: HabitHistory[],
-      setTotalGoals: {
-        (value: SetStateAction<number>): void
-        (value: SetStateAction<number>): void
-        (value: SetStateAction<number>): void
-        (arg0: any): void
-      },
-      setGoals: {
-        (value: SetStateAction<number>): void
-        (value: SetStateAction<number>): void
-        (value: SetStateAction<number>): void
-        (arg0: any): void
-      },
-    ): void => {
-      setTotalGoals(habits.length)
-      const completedGoals = habits.filter((el) => {
-        return (
-          el.getProgressesByDate(date)[0]?.goalProgress.isCompleted() ?? false
-        )
-      }).length
-      setGoals(completedGoals)
-    }
-
-    if (dailyHabits.length === 0) {
-      setDisplayDaily(false)
-    } else {
-      setDisplayDaily(true)
-      calculateGoals(dailyHabits, setTotalGoalDays, setGoalDays)
-    }
-
-    if (weeklyHabits.length === 0) {
-      setDisplayWeekly(false)
-    } else {
-      setDisplayWeekly(true)
-      calculateGoals(weeklyHabits, setTotalGoalWeek, setGoalWeek)
-    }
-
   if (monthlyHabits.length === 0) {
-      setDisplayMonthly(false)
+    displayMonthly = false
   } else {
-      setDisplayMonthly(true)
+    for (const el of monthlyHabits) {
-      calculateGoals(monthlyHabits, setTotalGoalMonth, setGoalMonth)
+      totalGoalMonth++
+      if (
+        el.getProgressesByDate(selectedDate)[0]?.goalProgress.isCompleted() ??
+        false
+      ) {
+        goalMonth++
+      }
     }
   }
-
-  useEffect(() => {
-    updateStats(selectedDate)
-  }, [selectedDate])
 
   return (
     <Agenda
       firstDay={1}
       showClosingKnob
       onDayPress={(date) => {
-        return setSelectedDate(new Date(date.dateString))
+        setSelectedDate(new Date(date.dateString))
       }}
       markedDates={{
         [todayISO]: { marked: true, today: true },
@@ -122,11 +105,10 @@ export const Stats: React.FC<StatsProps> = ({ habitsTracker }) => {
       renderList={() => {
         return (
           <>
-            <Card key="statsDay" mode="outlined">
-              <Card.Title title="Success Day" />
-              <Card.Content>
             {displayDaily ? (
-                  <>
+              <Card key="statsDay" mode="outlined">
+                <Card.Title title="Sucess Day" />
+                <Card.Content>
                   <Text variant="bodyMedium">
                     {goalDays} but réussi dans la journée sur {totalGoalDays}
                   </Text>
@@ -138,18 +120,13 @@ export const Stats: React.FC<StatsProps> = ({ habitsTracker }) => {
                     titleColor="white"
                     title="%"
                   />
-                  </>
-                ) : (
-                  <Text variant="bodyMedium">Aucun objectif quotidien</Text>
-                )}
                 </Card.Content>
               </Card>
-
+            ) : null}
-            <Card key="statsWeek" mode="outlined">
-              <Card.Title title="Success Week" />
-              <Card.Content>
             {displayWeekly ? (
-                  <>
+              <Card key="statsWeek" mode="outlined">
+                <Card.Title title="Sucess Week" />
+                <Card.Content>
                   <Text variant="bodyMedium">
                     {goalWeek} but réussi dans la semaine sur {totalGoalWeek}
                   </Text>
@@ -161,18 +138,13 @@ export const Stats: React.FC<StatsProps> = ({ habitsTracker }) => {
                     titleColor="white"
                     title="%"
                   />
-                  </>
-                ) : (
-                  <Text variant="bodyMedium">Aucun objectif hebdomadaire</Text>
-                )}
                 </Card.Content>
               </Card>
-
+            ) : null}
-            <Card key="statsMonth" mode="outlined">
-              <Card.Title title="Success Month" />
-              <Card.Content>
             {displayMonthly ? (
-                  <>
+              <Card key="statsMonth" mode="outlined">
+                <Card.Title title="Sucess Month" />
+                <Card.Content>
                   <Text variant="bodyMedium">
                     {goalMonth} but réussi dans le mois sur {totalGoalMonth}
                   </Text>
@@ -184,12 +156,9 @@ export const Stats: React.FC<StatsProps> = ({ habitsTracker }) => {
                     titleColor="white"
                     title="%"
                   />
-                  </>
-                ) : (
-                  <Text variant="bodyMedium">Aucun objectif mensuel</Text>
-                )}
                 </Card.Content>
               </Card>
+            ) : null}
           </>
         )
       }}