Ajout de la timebar ✨

app/(tabs)/(exercice)/ExerciceScreen.tsx

@@ -1,40 +0,0 @@
-import {FlatList, Text, View} from "react-native";
-import React from "react";
-import HeaderProfileComponent from "@/components/HeaderProfileComponent";
-import Screen from "@/components/ui/Screen";
-import WorkoutCardComponent from "@/components/WorkoutCardComponent";
-import {useSession} from "@/ctx";
-import {Workout} from "@/model/Workout";
-
-export default function ExerciceScreen() {
-    const [text, onChangeText] = React.useState("");
-    const exercise = [new Workout("Développé couché",  25,"8 Series Workout", 412, "assets/images/Sigma-2.png","Intense" ),
-    new Workout("Curl halterné", 30, "8 Series Workout", 342,  "assets/images/Sigma.jpg","Medium" ),
-        new Workout("Tirage Vertival", 29, "8 Series Workout", 793,  "assets/images/Sigma.jpg","Easy" )];
-
-    return (
-        <Screen>
-            <FlatList
-                ListHeaderComponent={
-                    <>
-                        <View>
-                            <HeaderProfileComponent/>
-                        </View>
-                        <View className="mt-4">
-                            <View className="flex-row justify-between items-center mb-4">
-                                <Text className="text-lg font-bold text-black">Séance du jour</Text>
-                            </View>
-                        </View>
-                    </>
-                }
-                data={exercise}
-                className="h-full"
-                renderItem={({ item }: { item: Workout }) =>
-                    <View className="mt-2 h-52">
-                    <WorkoutCardComponent exercise={item}/>
-                </View>
-            }
-            />
-        </Screen>
-    );
-}

app/+not-found.tsx

@@ -1,55 +1,18 @@
-import React from "react";
-import {
-  Image,
-  SafeAreaView,
-  StatusBar,
-  Text,
-  TouchableOpacity,
-  View,
-} from "react-native";
+import {Link, router, Stack, usePathname, useRouter} from 'expo-router';
+import {Button, StyleSheet, Text, View} from 'react-native';
 
-export default function NotFoundScreen() {
-  return (
-    <SafeAreaView className="flex-1 bg-white">
-      <StatusBar barStyle="dark-content" />
-
-      {/* Back Button Area */}
-      <View className="p-4 absolute top-11 left-0 z-10">
-        <Text className="text-2xl text-gray-300">⟨</Text>
-      </View>
-
-      {/* Main Content */}
-      <View className="flex-1 items-center justify-center px-5">
-        {/* Magnifying Glass Image */}
-        <Image
-          source={{
-            uri: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Capture%20d%E2%80%99e%CC%81cran%202025-01-21%20a%CC%80%2008.21.49-5FFPPKCnwJH2QV30OeJup36tsu0CGA.png",
-          }}
-          className="w-[200px] h-[200px] mb-10"
-          resizeMode="contain"
-        />
 
-        {/* Error Text */}
-        <Text className="text-4xl font-bold text-gray-800 mb-4">Not Found</Text>
-
-        {/* Error Message */}
-        <Text className="text-lg text-gray-600 text-center mb-6">
-          Whoops! Coach S can't find this page :(
-        </Text>
-
-        {/* Status Code */}
-        <View className="bg-red-100/20 py-2 px-4 rounded-lg flex-row items-center mb-10">
-          <Text className="text-red-400 text-base">
-            :warning: Status Code: 404
-          </Text>
-        </View>
+export default function NotFoundScreen() {
+  const pathname = usePathname();
+  const router = useRouter();
 
-        {/* Home Button */}
-        <TouchableOpacity className="bg-[#F4804F] py-4 px-8 rounded-full flex-row items-center absolute bottom-10 left-5 right-5">
-          <Text className="text-white text-lg font-semibold text-center flex-1">
-            Take Me Home
-          </Text>
-        </TouchableOpacity>
+  return (
+    <>
+      <Stack.Screen options={{ title: 'Oops!' }} />
+      <View style={styles.container}>
+        <Text>This screen {pathname} doesn't exist: {pathname}</Text>
+        <Button title="Retour Home" onPress={() => router.replace("/")}/>
+          <Text>Go to home screen!</Text>
       </View>
     </SafeAreaView>
   );

components/WorkoutCardComponent.tsx

@@ -2,7 +2,6 @@ import { Workout } from "@/model/Workout";
 import { AntDesign, MaterialCommunityIcons } from "@expo/vector-icons";
 import { useRouter } from "expo-router";
 import React from "react";
-import { ImageBackground, Text, TouchableOpacity, View } from "react-native";
 
 interface WorkoutCardComponentProps {
   exercise?: Workout;
@@ -20,7 +19,7 @@ export default function WorkoutCardComponent({
   };
 
   const styleImage = () => {
-    return `w-full h `;
+    return `w-full h-full `;
   };
   const router = useRouter();
   return (