ADD: Ajout du fichier styles de la BotBar

bob_party/src/components/BotBar.tsx

@@ -1,30 +1,35 @@
 import { FC, ReactNode } from "react"
 import { Pressable, Image, ImageStyle, Text, View, Alert, ImageSourcePropType, TextStyle } from "react-native"
 import React from "react"
+import styles from './style/BotBar.style';
 
 
+const gamepad = require('../../assets/Icons/Selected/SGamepad.png');
+const message = require('../../assets/Icons/UnSelected/Chat.png');
+const store = require('../../assets/Icons/UnSelected/Store.png');
+
 export const BotBar : 
-FC<{messages:ImageSourcePropType, games: ImageSourcePropType, shop: ImageSourcePropType, style: ImageStyle, styleStore: ImageStyle, nav: any, styleBar : any}> = 
-({messages, games, shop,style, styleStore, nav,styleBar}) => 
+FC<{messages:ImageSourcePropType, games: ImageSourcePropType, shop: ImageSourcePropType,  nav: any}> = 
+({nav}) => 
 {
     return (
-    <View style={styleBar}>
+    <View style={styles.footer}>
             <Pressable onPress={() => nav.navigate('ChatTab')}>
                 <Image
-                    style={style}
-                    source={messages}
+                    style={styles.icon}
+                    source={message}
                 />
             </Pressable>
             <Pressable onPress={()=> nav.navigate('HomeTab')}>
                 <Image
-                    style={style}
-                    source={games}
+                    style={styles.icon}
+                    source={gamepad}
                 />
             </Pressable>
             <Pressable onPress={() => nav.navigate('StoreTab')}>
                 <Image
-                    style={styleStore}
-                    source={shop}
+                    style={styles.icon}
+                    source={store}
                 />
             </Pressable>
     </View>

bob_party/src/components/style/BotBar.style.js

@@ -0,0 +1,23 @@
+import { StyleSheet } from 'react-native';
+
+export default StyleSheet.create({
+    text: {
+        fontSize: 16,
+        lineHeight: 21,
+        fontWeight: 'bold',
+        letterSpacing: 0.25,
+        color: 'white',
+    },
+    footer: {
+        flex: 0.15,
+        flexDirection: 'row',
+        backgroundColor: '#2D2C33',
+        width: '100%',
+        justifyContent: 'space-evenly',
+        alignItems: 'center',
+    },
+    icon: {
+        width: 65,
+        height: 65,
+      },
+});