From 9c7a447e4e7f8a0f6bdfc8539531e1defc710944 Mon Sep 17 00:00:00 2001
From: Emmy D'Anello <emmy@luemy.eu>
Date: Thu, 12 Dec 2024 18:01:08 +0100
Subject: [PATCH] =?UTF-8?q?Structure=20de=20d=C3=A9fi?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/app/(tabs)/_layout.tsx      |  4 ++--
 client/app/(tabs)/challenges.tsx   | 32 +++++++++++++++++++++++++++---
 client/components/GameProvider.tsx |  2 +-
 3 files changed, 32 insertions(+), 6 deletions(-)

diff --git a/client/app/(tabs)/_layout.tsx b/client/app/(tabs)/_layout.tsx
index 8d4e7a3..2df0456 100644
--- a/client/app/(tabs)/_layout.tsx
+++ b/client/app/(tabs)/_layout.tsx
@@ -25,8 +25,8 @@ export default function TabLayout() {
       <Tabs.Screen
         name="challenges"
         options={{
-          title: 'Challenges',
-          headerTitleStyle: {fontSize: 32},
+          title: 'Défis',
+          headerShown: false,
           tabBarIcon: ({ color }) => <FontAwesome6 name="coins" size={24} color={color} />,
         }}
       />
diff --git a/client/app/(tabs)/challenges.tsx b/client/app/(tabs)/challenges.tsx
index 3a1c71b..e85670d 100644
--- a/client/app/(tabs)/challenges.tsx
+++ b/client/app/(tabs)/challenges.tsx
@@ -1,9 +1,35 @@
-import { Surface, Text } from 'react-native-paper'
+import { FontAwesome6 } from '@expo/vector-icons'
+import { View } from 'react-native'
+import { Appbar, Button, Card, Surface, Text } from 'react-native-paper'
 
 export default function ChallengesScreen() {
   return (
-    <Surface>
-      <Text>Ici on aura la gestion des challenges</Text>
+    <Surface style={{ flex: 1 }}>
+      <Appbar.Header>
+        <Appbar.Content title={"Défis"} />
+        <Appbar.Action icon='format-list-bulleted' />
+      </Appbar.Header>
+      <Surface elevation={2} style={{ flex: 1, margin: 20, borderRadius: 20 }}>
+        <View style={{ padding: 10 }}>
+          <Text variant='headlineMedium' style={{ textAlign: 'center' }}>Titre</Text>
+        </View>
+        <View style={{ flexGrow: 1 }}>
+          <Surface elevation={5} mode='flat' style={{ flexGrow: 1, padding: 15 }}>
+            <Text variant='bodyLarge' style={{ flexGrow: 1 }}>Description</Text>
+            <Text variant='titleMedium'>
+              Récompense : 500 <FontAwesome6 name='coins' />
+            </Text>
+          </Surface>
+        </View>
+        <View style={{ flexWrap: 'wrap', flexDirection: 'row', justifyContent: 'space-around', padding: 15 }}>
+          <Button mode='outlined' icon='cancel'>
+            Passer
+          </Button>
+          <Button mode='contained' icon='check'>
+            Terminer
+          </Button>
+        </View>
+      </Surface>
     </Surface>
   )
 }
diff --git a/client/components/GameProvider.tsx b/client/components/GameProvider.tsx
index 2df79ab..97e3c42 100644
--- a/client/components/GameProvider.tsx
+++ b/client/components/GameProvider.tsx
@@ -43,7 +43,7 @@ export default function GameProvider({ children }: { children: ReactNode }) {
     queryFn: () => fetch(`${process.env.EXPO_PUBLIC_TRAINTRAPE_MOI_SERVER}/trains/?playerId=${game.playerId}&size=10000`, {
       headers: { "Authorization": `Bearer ${auth.token}` }}
     ).then(resp => resp.json()),
-    enabled: isAuthValid(auth) && !game.playerId,
+    enabled: isAuthValid(auth) && !!game.playerId,
     refetchInterval: 5000,
   })
   useEffect(() => {