ADD: Ajout de la botbar dans toutes les vues

bob_party/src/components/BotBar.tsx

@@ -4,8 +4,8 @@ import React from "react"
 
 
 export const BotBar : 
-FC<{messages:ImageSourcePropType, games: ImageSourcePropType, shop: ImageSourcePropType, style: ImageStyle, nav: any, styleBar : any}> = 
-({messages, games, shop,style, nav,styleBar}) => 
+FC<{messages:ImageSourcePropType, games: ImageSourcePropType, shop: ImageSourcePropType, style: ImageStyle, styleStore: ImageStyle, nav: any, styleBar : any}> = 
+({messages, games, shop,style, styleStore, nav,styleBar}) => 
 {
     return (
     <View style={styleBar}>
@@ -23,7 +23,7 @@ FC<{messages:ImageSourcePropType, games: ImageSourcePropType, shop: ImageSourceP
             </Pressable>
             <Pressable onPress={() => nav.navigate('StoreTab')}>
                 <Image
-                    style={style}
+                    style={styleStore}
                     source={shop}
                 />
             </Pressable>

bob_party/src/screens/Chat.tsx

@@ -27,26 +27,15 @@ function Chat(props: { navigation: any; }) {
       <View style={styles.body}>
         <Text style={styles.text}>couille</Text>
       </View>
-      <View style={styles.footer}>
-        <Pressable>
-          <Image
+      <BotBar 
+          messages={message}
+          games={gamepad}
+          shop={store}
           style={styles.iconFooter}
-          source={message}
-          />
-        </Pressable>
-        <Pressable onPress={() => navigation.navigate('HomeTab')}>
-          <Image
-          style={styles.iconFooter}
-          source={gamepad}
-          />
-        </Pressable>
-        <Pressable onPress={() => navigation.navigate('StoreTab')}>
-          <Image
-          style={styles.iconStore}
-          source={store}
-          />
-        </Pressable>
-      </View>
+          styleStore={styles.iconStore}
+          nav={navigation}
+          styleBar={styles.footer}
+      />
     </View>
   );
 }

bob_party/src/screens/Home.tsx

@@ -51,6 +51,7 @@ function Home(props: { navigation: any; }) {
           games={gamepad}
           shop={store}
           style={styles.iconFooter}
+          styleStore={styles.iconStore}
           nav={navigation}
           styleBar={styles.footer}
       />

bob_party/src/screens/Profile.tsx

@@ -29,26 +29,15 @@ function Profile(props: { navigation: any; }) {
       <View style={styles.body}>
         <Text style={styles.text}>couille</Text>
       </View>
-      <View style={styles.footer}>
-        <Pressable onPress={() => navigation.navigate('ChatTab')}>
-          <Image
+      <BotBar 
+          messages={message}
+          games={gamepad}
+          shop={store}
           style={styles.iconFooter}
-          source={message}
-          />
-        </Pressable>
-        <Pressable onPress={() => navigation.navigate('HomeTab')}>
-          <Image
-          style={styles.iconFooter}
-          source={gamepad}
-          />
-        </Pressable>
-        <Pressable onPress={() => navigation.navigate('StoreTab')}>
-          <Image
-          style={styles.iconStore}
-          source={store}
-          />
-        </Pressable>
-      </View>
+          styleStore={styles.iconStore}
+          nav={navigation}
+          styleBar={styles.footer}
+      />
     </View>
   );
 }

bob_party/src/screens/Store.tsx

@@ -30,14 +30,12 @@ function Store(props: { navigation: any; }) {
       <View style={styles.body}>
         <Text style={styles.text}>couille</Text>
       </View>
-      <View style={styles.body}>
-        <Text style={styles.text}>couille</Text>
-      </View>
       <BotBar 
           messages={message}
           games={gamepad}
           shop={store}
           style={styles.iconFooter}
+          styleStore={styles.iconStore}
           nav={navigation}
           styleBar={styles.footer}
       />