fix(Lessons): sélection d'une date non fonctionnel

src/views/account/Lessons/Lessons.tsx

@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import { FlatList, View, Dimensions, ViewToken } from "react-native";
-import { Button, StyleSheet } from "react-native";
+import { StyleSheet } from "react-native";
 import type { Screen } from "@/router/helpers/types";
 import { useCurrentAccount } from "@/stores/account";
 import { useTimetableStore } from "@/stores/timetable";
@@ -49,14 +49,14 @@ const Lessons: Screen<"Lessons"> = ({ route, navigation }) => {
   const today = new Date();
   today.setHours(0, 0, 0, 0);
 
-  const [pickerDate, setPickerDate] = React.useState(new Date(today));
+  const [pickerDate, setPickerDate] = useState(new Date(today));
 
   const getWeekFromDate = (date: Date) => {
     const epochWeekNumber = dateToEpochWeekNumber(date);
     return epochWeekNumber;
   };
 
-  const [updatedWeeks, setUpdatedWeeks] = React.useState(new Set<number>());
+  const [updatedWeeks, setUpdatedWeeks] = useState(new Set<number>());
 
   useEffect(() => {
     void (async () => {
@@ -124,6 +124,7 @@ const Lessons: Screen<"Lessons"> = ({ route, navigation }) => {
     return Array.from({ length: 100 }, (_, i) => {
       const date = new Date(today);
       date.setDate(today.getDate() - 50 + i);
+      date.setHours(0, 0, 0, 0);
       return date;
     });
   });

src/views/account/Lessons/LessonsHeader.tsx

@@ -2,15 +2,12 @@ import { useTheme } from "@react-navigation/native";
 import React from "react";
 import { Dimensions, Modal, Platform, Pressable, Text, TouchableOpacity, View } from "react-native";
 
-import { Calendar, X } from "lucide-react-native";
+import { X } from "lucide-react-native";
 
 import Reanimated, {
-  Easing,
   FadeInDown,
   FadeOutDown,
   LinearTransition,
-  ZoomIn,
-  ZoomOut
 } from "react-native-reanimated";
 
 import RNDateTimePicker from "@react-native-community/datetimepicker";
@@ -25,9 +22,6 @@ interface HeaderCalendarProps {
 }
 
 const HeaderCalendar: React.FC<HeaderCalendarProps> = () => {
-  const dims = Dimensions.get("window");
-  const tablet = dims.width > 600;
-
   return (
     <Reanimated.View
       style={[{
@@ -67,24 +61,25 @@ const LessonsDateModal: React.FC<LessonsDateModalProps> = ({
   const insets = useSafeAreaInsets();
 
   if (Platform.OS === "android") {
-    return (showDatePicker &&
-      <RNDateTimePicker
-        style={{
-          marginHorizontal: 8,
-          marginTop: -5,
-          marginBottom: 10,
-        }}
-        value={new Date(currentDate)}
-        display={"calendar"}
-        mode="date"
-        onChange={(event, selectedDate) => {
-          onDateSelect(selectedDate);
-          setShowDatePicker(false);
-        }}
-        onError={() => {
-          setShowDatePicker(false);
-        }}
-      />
+    return (
+      showDatePicker &&
+        <RNDateTimePicker
+          style={{
+            marginHorizontal: 8,
+            marginTop: -5,
+            marginBottom: 10,
+          }}
+          value={new Date(currentDate)}
+          display="calendar"
+          mode="date"
+          onChange={(_event, selectedDate) => {
+            setShowDatePicker(false);
+            onDateSelect(selectedDate);
+          }}
+          onError={() => {
+            setShowDatePicker(false);
+          }}
+        />
     );
   }
 
@@ -178,16 +173,16 @@ const LessonsDateModal: React.FC<LessonsDateModalProps> = ({
                 marginBottom: 10,
               }}
               value={new Date(currentDate)}
-              display={"inline"}
+              display="inline"
               mode="date"
               locale="fr-FR"
               accentColor={colors.primary}
-              onChange={(event, selectedDate) => {
+              onChange={(_event, selectedDate) => {
+                setShowDatePicker(false);
                 const newSelectedDate = selectedDate || currentDate;
                 // set hours to 0
                 newSelectedDate.setHours(0, 0, 0, 0);
                 onDateSelect(newSelectedDate);
-                // setShowDatePicker(false);
               }}
             />
           </Reanimated.View>