theoludwig/p61-project
Archived
1
1
Fork 0
Code Issues Pull Requests Releases Activity

Revert "feat: finish stas"

Browse Source 
This reverts commit 42f5623c92.
This commit is contained in:
Théo LUDWIG 2024-05-22 12:46:51 +02:00
parent 42f5623c92
commit ca122e9fce
Signed by: theoludwig
GPG Key ID: ADFE5A563D718F3B
1 changed files with 124 additions and 155 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

165
presentation/react/components/Stats/Stats.tsx
View File

@ -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, useEffect } from "react"
import { useState } 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)
const [totalGoalDays, setTotalGoalDays] = useState(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 => {
let goalDays = 0
let totalGoalDays = 0
const dailyHabits = habitsHistory.filter((el) => {
return (
el.habit.goal.frequency === "daily" &&
el.habit.startDate.getFullYear() <= date.getFullYear() &&
el.habit.startDate.getMonth() <= date.getMonth() &&
el.habit.startDate.getDate() <= date.getDate()
el.habit.goal.frequency === "daily" && el.habit.startDate <= selectedDate
)
})
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.startDate.getFullYear() <= date.getFullYear() &&
el.habit.startDate.getMonth() <= date.getMonth() &&
el.habit.startDate.getDate() <= date.getDate()
el.habit.goal.frequency === "weekly" && el.habit.startDate <= selectedDate
)
})
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.getMonth() <= date.getMonth() &&
el.habit.startDate.getDate() <= date.getDate()
el.habit.startDate <= selectedDate
)
})
const calculateGoals = (
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)
}
let displayMonthly = true
if (monthlyHabits.length === 0) {
setDisplayMonthly(false)
displayMonthly = false
} else {
setDisplayMonthly(true)
calculateGoals(monthlyHabits, setTotalGoalMonth, setGoalMonth)
for (const el of monthlyHabits) {
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>
<Card key="statsWeek" mode="outlined">
<Card.Title title="Success Week" />
<Card.Content>
) : null}
{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>
<Card key="statsMonth" mode="outlined">
<Card.Title title="Success Month" />
<Card.Content>
) : null}
{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}
</>
)
}}