chore: build

frontend-admin/src/screens/admin/DeliveryScreen.tsx

@@ -90,14 +90,17 @@ export default function DeliveryScreen() {
         weeks: LoginHistoryWeek[];
     } | null>(null);
     const [loginHistoryLoading, setLoginHistoryLoading] = useState(false);
+    const loginHistoryRequestRef = useRef(0);
 
     const fetchLoginHistory = async (
         username: string,
         year: number,
         month: number,
     ) => {
+        const requestId = ++loginHistoryRequestRef.current;
         setLoginHistoryLoading(true);
         const res = await getLivreurLoginHistory(username, year, month);
+        if (requestId !== loginHistoryRequestRef.current) return;
         setLoginHistoryModal({
             username,
             year: res.year,
@@ -113,7 +116,7 @@ export default function DeliveryScreen() {
     };
 
     const changeLoginHistoryMonth = (delta: number) => {
-        if (!loginHistoryModal) return;
+        if (!loginHistoryModal || loginHistoryLoading) return;
         let year = loginHistoryModal.year;
         let month = loginHistoryModal.month + delta;
         if (month < 1) {
@@ -123,6 +126,13 @@ export default function DeliveryScreen() {
             month = 1;
             year += 1;
         }
+        const now = new Date();
+        if (
+            year > now.getFullYear() ||
+            (year === now.getFullYear() && month > now.getMonth() + 1)
+        ) {
+            return;
+        }
         fetchLoginHistory(loginHistoryModal.username, year, month);
     };
 
@@ -1159,6 +1169,18 @@ export default function DeliveryScreen() {
                                 </TouchableOpacity>
                             </View>
 
+                            {(() => {
+                                const now = new Date();
+                                const isCurrentMonth =
+                                    !!loginHistoryModal &&
+                                    loginHistoryModal.year ===
+                                        now.getFullYear() &&
+                                    loginHistoryModal.month ===
+                                        now.getMonth() + 1;
+                                const canGoBack = !loginHistoryLoading;
+                                const canGoForward =
+                                    !loginHistoryLoading && !isCurrentMonth;
+                                return (
                                     <View
                                         style={{
                                             flexDirection: "row",
@@ -1168,12 +1190,20 @@ export default function DeliveryScreen() {
                                         }}
                                     >
                                         <TouchableOpacity
-                                    onPress={() => changeLoginHistoryMonth(-1)}
+                                            disabled={!canGoBack}
+                                            onPress={() =>
+                                                changeLoginHistoryMonth(-1)
+                                            }
+                                            hitSlop={8}
                                         >
                                             <Ionicons
                                                 name="chevron-back"
                                                 size={20}
-                                        color={colors.textPrimary}
+                                                color={
+                                                    canGoBack
+                                                        ? colors.textPrimary
+                                                        : colors.textMuted
+                                                }
                                             />
                                         </TouchableOpacity>
                                         <Text
@@ -1186,27 +1216,41 @@ export default function DeliveryScreen() {
                                             {loginHistoryModal &&
                                                 new Date(
                                                     loginHistoryModal.year,
-                                            loginHistoryModal.month - 1,
+                                                    loginHistoryModal.month -
+                                                        1,
                                                     1,
                                                 )
-                                            .toLocaleDateString("fr-FR", {
+                                                    .toLocaleDateString(
+                                                        "fr-FR",
+                                                        {
                                                             month: "long",
                                                             year: "numeric",
-                                            })
+                                                        },
+                                                    )
                                                     .replace(/^./, (c) =>
                                                         c.toUpperCase(),
                                                     )}
                                         </Text>
                                         <TouchableOpacity
-                                    onPress={() => changeLoginHistoryMonth(1)}
+                                            disabled={!canGoForward}
+                                            onPress={() =>
+                                                changeLoginHistoryMonth(1)
+                                            }
+                                            hitSlop={8}
                                         >
                                             <Ionicons
                                                 name="chevron-forward"
                                                 size={20}
-                                        color={colors.textPrimary}
+                                                color={
+                                                    canGoForward
+                                                        ? colors.textPrimary
+                                                        : colors.textMuted
+                                                }
                                             />
                                         </TouchableOpacity>
                                     </View>
+                                );
+                            })()}
 
                             {loginHistoryLoading ? (
                                 <Text style={styles.ratingsEmpty}>