Désactivation de boutons pendant les requêtes

client/app/(tabs)/settings.tsx

@@ -111,7 +111,7 @@ export default function HistoryScreen() {
             key={"login"}
             title="Connexion au serveur"
             description={auth.loggedIn ? "Vous êtes déjà connecté⋅e" : "Vous n'êtes pas connecté⋅e"}
-            right={() => <FAB icon="login" size="small" onPress={() => router.navigate('/login')} />}
+            right={() => <List.Icon icon="login" />}
             onPress={() => router.navigate('/login')} />
       </List.Section>
       <List.Section title={"Gestion du jeu"}>
@@ -119,20 +119,20 @@ export default function HistoryScreen() {
             key={"start"}
             title="Démarrer le jeu"
             disabled={game.gameStarted}
-            right={() => <FAB icon="play" size="small" disabled={game.gameStarted} />}
+            right={() => <List.Icon icon="play" color={!game.gameStarted ? undefined : MD3Colors.secondary30} />}
             onPress={() => gameStartMutation.mutate()} />
         <List.Item
             key={"stop"}
             title="Arrêter le jeu"
             disabled={!game.gameStarted}
-            right={() => <FAB icon="stop" size="small" disabled={!game.gameStarted} />}
+            right={() => <List.Icon icon="stop" color={game.gameStarted ? undefined : MD3Colors.secondary30} />}
             onPress={() => gameStopMutation.mutate()} />
         <List.Item
             key={"switch"}
             title="Changer de joueur⋅se en course"
             description="À utiliser après une capture"
             disabled={!game.gameStarted}
-            right={() => <FAB icon="exit-run" size="small" disabled={!game.gameStarted} />}
+            right={() => <List.Icon icon="exit-run" color={game.gameStarted ? undefined : MD3Colors.secondary30} />}
             onPress={() => gameSwitchMutation.mutate()} />
       </List.Section>
       <List.Section title={"Avancé"}>
@@ -140,13 +140,13 @@ export default function HistoryScreen() {
             key={"repair"}
             title="Réparer"
             description="Permet de réparer les soldes des joueur⋅ses à partir des défis réalisés et des trains emprunter. À manipuler avec précaution."
-            right={() => <FAB icon="reload-alert" size="small" variant={'tertiary'} />}
+            right={() => <List.Icon icon='tools' color={MD3Colors.error60} />}
             onPress={() => gameRepairMutation.mutate()} />
         <List.Item
             key={"reset"}
             title="Réinitialiser les données de jeu"
             description="Permet de détruire toutes les données. À manipuler avec précaution."
-            right={() => <FAB icon="reload-alert" size="small" variant={'tertiary'} />}
+            right={() => <List.Icon icon="reload-alert" color={MD3Colors.error60} />}
             onPress={() => setResetConfirmVisible(true)} />
       </List.Section>
       <Snackbar

client/app/challenges-list.tsx

@@ -179,13 +179,13 @@ export default function ChallengesList() {
                 inputMode='numeric'
                 onChangeText={(text) => setEditChallengeReward(+text)}
                 error={!editChallengeReward}
-                onEndEditing={sendEditChallenge} />
+                onEndEditing={() => !addChallengeMutation.isPending && editChallengeMutation.isPending && sendEditChallenge()} />
           </Dialog.Content>
           <Dialog.Actions>
             <Button onPress={() => setEditChallengeVisible(false)}>Annuler</Button>
             <Button
                 onPress={sendEditChallenge}
-                disabled={!editChallengeTitle || !editChallengeDescription || !editChallengeReward}>
+                disabled={!editChallengeTitle || !editChallengeDescription || !editChallengeReward || addChallengeMutation.isPending || editChallengeMutation.isPending}>
               {editChallengeId ? "Modifier" : "Ajouter"}
             </Button>
           </Dialog.Actions>
@@ -199,7 +199,7 @@ export default function ChallengesList() {
           </Dialog.Content>
           <Dialog.Actions>
             <Button onPress={() => setConfirmDeleteVisible(false)}>Annuler</Button>
-            <Button onPress={sendDeleteChallenge}>Confirmer</Button>
+            <Button onPress={sendDeleteChallenge} disabled={deleteChallengeMutation.isPending}>Confirmer</Button>
           </Dialog.Actions>
         </Dialog>
       </Portal>