Boutons pour démarrer le jeu

client/app/(tabs)/settings.tsx

@@ -1,18 +1,81 @@
+import { useGameRepairMutation, useGameResetMutation, useGameStartMutation, useGameStopMutation, useGameSwitchPlayerMutation } from '@/hooks/mutations/useGameMutation'
 import { useAuth } from '@/hooks/useAuth'
+import { useGame } from '@/hooks/useGame'
 import { useRouter } from 'expo-router'
 import { FAB, List, Surface } from 'react-native-paper'
 
 export default function HistoryScreen() {
   const router = useRouter()
   const auth = useAuth()
+  const game = useGame()
+
+  const gameStartMutation = useGameStartMutation({
+    auth,
+    game,
+  })
+  const gameStopMutation = useGameStopMutation({
+    auth,
+    game,
+  })
+  const gameSwitchMutation = useGameSwitchPlayerMutation({
+    auth,
+    game,
+  })
+  const gameRepairMutation = useGameRepairMutation({
+    auth,
+    game,
+  })
+  const gameResetMutation = useGameResetMutation({
+    auth,
+    game,
+  })
+
   return (
     <Surface
       style={{ flex: 1 }}>
-      <List.Item
-          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')} />}
-          onPress={() => router.navigate('/login')} />
+      <List.Section title={"Paramètres"}>
+        <List.Item
+            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')} />}
+            onPress={() => router.navigate('/login')} />
+      </List.Section>
+      <List.Section title={"Gestion du jeu"}>
+        <List.Item
+            key={"start"}
+            title="Démarrer le jeu"
+            disabled={game.gameStarted}
+            right={() => <FAB icon="play" size="small" disabled={game.gameStarted} />}
+            onPress={() => gameStartMutation.mutate()} />
+        <List.Item
+            key={"stop"}
+            title="Arrêter le jeu"
+            disabled={!game.gameStarted}
+            right={() => <FAB icon="stop" size="small" disabled={!game.gameStarted} />}
+            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} />}
+            onPress={() => gameSwitchMutation.mutate()} />
+      </List.Section>
+      <List.Section title={"Avancé"}>
+        <List.Item
+            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'} />}
+            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'} />}
+            onPress={() => gameResetMutation.mutate()} />
+      </List.Section>
     </Surface>
   )
 }