feat: garder le bouton des devoirs non faits visible

src/stores/account/types.ts

@@ -46,6 +46,8 @@ export interface Personalization {
   popupRestauration?: boolean,
   magicEnabled?: boolean,
   MagicNews?: boolean,
+  KeepCheckActivated?: boolean,
+  KeepCheckVisible?: boolean,
   MagicHomeworks?: boolean,
   notifications?: {
     enabled?: boolean

src/views/account/Homeworks/Homeworks.tsx

@@ -99,7 +99,18 @@ const WeekView: Screen<"Homeworks"> = ({ route, navigation }) => {
   const [direction, setDirection] = useState<"left" | "right">("right");
   const [oldSelectedWeek, setOldSelectedWeek] = useState(selectedWeek);
 
+  const mutateProperty = useCurrentAccount((store) => store.mutateProperty);
+
   const [hideDone, setHideDone] = useState(false);
+  useEffect(() => {
+    const keeyActivated =
+      account.personalization.KeepCheckActivated === true
+        ? true
+        : false;
+
+    setHideDone(keeyActivated);
+  }, [account.personalization.KeepCheckActivated]);
+
 
   const getItemLayout = useCallback((_: any, index: number) => ({
     length: finalWidth,
@@ -445,7 +456,7 @@ const WeekView: Screen<"Homeworks"> = ({ route, navigation }) => {
                   </Reanimated.View>
                 }
 
-                {!showPickerButtons && hideDone &&
+                {!showPickerButtons && hideDone && account.personalization.KeepCheckVisible &&
                     <Reanimated.View
                       entering={animPapillon(ZoomIn)}
                       exiting={animPapillon(FadeOut)}
@@ -538,7 +549,7 @@ const WeekView: Screen<"Homeworks"> = ({ route, navigation }) => {
           />
         }
 
-        {showPickerButtons && !searchHasFocus && width > 330 &&
+        {(showPickerButtons || !account.personalization.KeepCheckVisible) && !searchHasFocus && width > 330 &&
         <Reanimated.View
           layout={animPapillon(LinearTransition)}
           entering={animPapillon(FadeInLeft).delay(100)}
@@ -551,9 +562,9 @@ const WeekView: Screen<"Homeworks"> = ({ route, navigation }) => {
             borderWidth: 1,
             borderRadius: 800,
             height: 40,
-            width: showPickerButtons ? 40 : null,
-            minWidth: showPickerButtons ? 40 : null,
-            maxWidth: showPickerButtons ? 40 : null,
+            width: 40,
+            minWidth: 40,
+            maxWidth: 40,
             gap: 4,
             shadowColor: "#00000022",
             shadowOffset: { width: 0, height: 2 },
@@ -563,8 +574,11 @@ const WeekView: Screen<"Homeworks"> = ({ route, navigation }) => {
         >
           <TouchableOpacity
             onPress={() => {
+              mutateProperty("personalization", { KeepCheckActivated: !hideDone });
               setHideDone(!hideDone);
             }}
+            onLongPress={() => navigation.navigate("SettingStack", {view: "SettingsTabs"})}
+            delayLongPress={1000}
           >
             <CheckSquare
               size={20}
@@ -633,8 +647,7 @@ const WeekView: Screen<"Homeworks"> = ({ route, navigation }) => {
           >
             <TextInput
               placeholder={
-                (hideDone && !searchHasFocus) ? "Non terminé" :
-                  "Rechercher"
+                (hideDone && !searchHasFocus) ? "Non terminé" : "Rechercher"
               }
               value={searchTerms}
               onChangeText={setSearchTerms}

src/views/settings/SettingsTabs.tsx

@@ -16,6 +16,7 @@ import {
   Equal,
   SendToBack,
   Gift,
+  CheckSquare,
 } from "lucide-react-native";
 import {
   NestableDraggableFlatList,
@@ -556,6 +557,30 @@ const SettingsTabs = () => {
               </NativeText>
             </NativeItem>
           </NativeList>
+
+          <NativeListHeader label="Devoirs" />
+
+          <NativeList>
+            <NativeItem
+              trailing={
+                <Switch
+                  value={account?.personalization?.KeepCheckVisible ?? false}
+                  onValueChange={(value) => mutateProperty("personalization", { KeepCheckVisible: value })}
+                />
+              }
+              icon={<CheckSquare />}
+            >
+              <NativeText
+                style={{
+                  fontSize: 16,
+                  fontFamily: "semibold",
+                  color: theme.colors.text,
+                }}
+              >
+                Cacher le bouton devoirs non-faits
+              </NativeText>
+            </NativeItem>
+          </NativeList>
         </View>
       </NestableScrollContainer>
     </View>