From 704e20305153b5998aa9446f79d9b1ce0d91e565 Mon Sep 17 00:00:00 2001
From: alguilhot <alban.guilhot@etu.uca.fr>
Date: Wed, 12 Oct 2022 15:30:46 +0200
Subject: [PATCH] ADD: Ajout de la BotBar sur les pages Home & Store

---
 bob_party/src/components/BotBar.tsx | 32 +++++++++++++++++++++++++++++
 bob_party/src/screens/Chat.tsx      |  3 ++-
 bob_party/src/screens/Home.tsx      | 31 ++++++++++------------------
 bob_party/src/screens/Profile.tsx   |  5 ++---
 bob_party/src/screens/Store.tsx     | 31 ++++++++++------------------
 5 files changed, 58 insertions(+), 44 deletions(-)
 create mode 100644 bob_party/src/components/BotBar.tsx

diff --git a/bob_party/src/components/BotBar.tsx b/bob_party/src/components/BotBar.tsx
new file mode 100644
index 0000000..a987169
--- /dev/null
+++ b/bob_party/src/components/BotBar.tsx
@@ -0,0 +1,32 @@
+import { FC, ReactNode } from "react"
+import { Pressable, Image, ImageStyle, Text, View, Alert, ImageSourcePropType, TextStyle } from "react-native"
+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}) => 
+{
+    return (
+    <View style={styleBar}>
+            <Pressable onPress={() => nav.navigate('ChatTab')}>
+                <Image
+                    style={style}
+                    source={messages}
+                />
+            </Pressable>
+            <Pressable onPress={()=> nav.navigate('HomeTab')}>
+                <Image
+                    style={style}
+                    source={games}
+                />
+            </Pressable>
+            <Pressable onPress={() => nav.navigate('StoreTab')}>
+                <Image
+                    style={style}
+                    source={shop}
+                />
+            </Pressable>
+    </View>
+    )
+}
\ No newline at end of file
diff --git a/bob_party/src/screens/Chat.tsx b/bob_party/src/screens/Chat.tsx
index 9263cdc..a2b528e 100644
--- a/bob_party/src/screens/Chat.tsx
+++ b/bob_party/src/screens/Chat.tsx
@@ -3,6 +3,7 @@ import { StyleSheet, View, Text, Alert, Pressable, Image} from 'react-native'
 import React from 'react';
 import { Skin } from '../core/skin';
 import { TopBar } from '../components/TopBar';
+import { BotBar } from '../components/BotBar';
 
 const avatar = require('../../assets/Icons/BobClassic.png');
 const skinTest= new Skin("Bob",require('../../assets/Icons/BobClassic.png'));
@@ -22,7 +23,7 @@ function Chat(props: { navigation: any; }) {
           rightIcon={engrenage} 
           styleIcon={styles.engrenage} 
           nav={navigation} styleTitle={styles.titre} styleHeader={styles.header}
-        />
+          />
       <View style={styles.body}>
         <Text style={styles.text}>couille</Text>
       </View>
diff --git a/bob_party/src/screens/Home.tsx b/bob_party/src/screens/Home.tsx
index 421e742..6f96cca 100644
--- a/bob_party/src/screens/Home.tsx
+++ b/bob_party/src/screens/Home.tsx
@@ -5,6 +5,7 @@ import { SkinComponent } from '../components/skinAvatar';
 import { User } from '../core/user';
 import { Skin } from '../core/skin';
 import { TopBar } from '../components/TopBar';
+import { BotBar } from '../components/BotBar';
 
 
 
@@ -25,7 +26,9 @@ function Home(props: { navigation: any; }) {
           title="BOB PARTY" 
           rightIcon={engrenage} 
           styleIcon={styles.engrenage} 
-          nav={navigation} styleTitle={styles.titre} styleHeader={styles.header}
+          nav={navigation} 
+          styleTitle={styles.titre} 
+          styleHeader={styles.header}
         />
       <View style={styles.body}>
         <Button 
@@ -37,26 +40,14 @@ function Home(props: { navigation: any; }) {
         onPress={() => Alert.alert('On Joue avec les potos')}
         />
       </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 >
-          <Image
-          style={styles.iconFooter}
-          source={gamepad}
-          />
-        </Pressable>
-        <Pressable onPress={() => navigation.navigate('StoreTab')}>
-          <Image
-          style={styles.iconStore}
-          source={store}
-          />
-        </Pressable>
-      </View>
+          nav={navigation}
+          styleBar={styles.footer}
+      />
     </View>
   );
 }
diff --git a/bob_party/src/screens/Profile.tsx b/bob_party/src/screens/Profile.tsx
index 28e8a00..6700018 100644
--- a/bob_party/src/screens/Profile.tsx
+++ b/bob_party/src/screens/Profile.tsx
@@ -5,8 +5,7 @@ import { SkinComponent } from '../components/skinAvatar';
 import { User } from '../core/user';
 import { Skin } from '../core/skin';
 import { TopBar } from '../components/TopBar';
-
-
+import { BotBar } from '../components/BotBar';
 
 const avatar = require('../../assets/Icons/BobClassic.png');
 const skinTest= new Skin("Bob",require('../../assets/Icons/BobClassic.png'));
@@ -26,7 +25,7 @@ function Profile(props: { navigation: any; }) {
           rightIcon={engrenage} 
           styleIcon={styles.engrenage} 
           nav={navigation} styleTitle={styles.titre} styleHeader={styles.header}
-        />
+          />
       <View style={styles.body}>
         <Text style={styles.text}>couille</Text>
       </View>
diff --git a/bob_party/src/screens/Store.tsx b/bob_party/src/screens/Store.tsx
index 83859ee..adb60e9 100644
--- a/bob_party/src/screens/Store.tsx
+++ b/bob_party/src/screens/Store.tsx
@@ -5,6 +5,7 @@ import { SkinComponent } from '../components/skinAvatar';
 import { User } from '../core/user';
 import { Skin } from '../core/skin';
 import { TopBar } from '../components/TopBar';
+import { BotBar } from '../components/BotBar';
 
 
 const avatar = require('../../assets/Icons/BobClassic.png');
@@ -14,7 +15,6 @@ const gamepad = require('../../assets/Icons/UnSelected/Gamepad.png');
 const message = require('../../assets/Icons/UnSelected/Chat.png');
 const store = require('../../assets/Icons/Selected/SStore.png');
 
-
 function Store(props: { navigation: any; }) {
     const { navigation } = props
     return (
@@ -30,26 +30,17 @@ function Store(props: { navigation: any; }) {
       <View style={styles.body}>
         <Text style={styles.text}>couille</Text>
       </View>
-      <View style={styles.footer}>
-        <Pressable onPress={() => navigation.navigate('ChatTab')}>
-          <Image
-          style={styles.iconFooter}
-          source={message}
-          />
-        </Pressable>
-        <Pressable onPress={() => navigation.navigate('HomeTab')}>
-          <Image
-          style={styles.iconFooter}
-          source={gamepad}
-          />
-        </Pressable>
-        <Pressable >
-          <Image
-          style={styles.iconStore}
-          source={store}
-          />
-        </Pressable>
+      <View style={styles.body}>
+        <Text style={styles.text}>couille</Text>
       </View>
+      <BotBar 
+          messages={message}
+          games={gamepad}
+          shop={store}
+          style={styles.iconFooter}
+          nav={navigation}
+          styleBar={styles.footer}
+      />
     </View>
   );
 }