ADD: Ajout de la vue liste au component Skin

bob_party/src/components/Skin.tsx

@@ -27,7 +27,7 @@ FC<{skin: Skin, state: String}> =
                     <Text style={styles.nomSkin}>100€</Text>
                 </Pressable>
             )
-        case 'profile':
+        case 'liste':
             return(
                 <Pressable onPress={() => Alert.alert("Achat du skin")} style={styles.imageWrapper}>
                     <Text style={styles.nomSkin}>{skin.getSkinName()}</Text>
@@ -37,6 +37,16 @@ FC<{skin: Skin, state: String}> =
                     />
                 </Pressable>
             )
+        case 'profile':
+            return(
+                <Pressable onPress={() => Alert.alert("Achat du skin")} style={styles.imageWrapperProfil}>
+                    <Text style={styles.nomSkin}>{skin.getSkinName()}</Text>
+                    <Image
+                        style={styles.imageSkin}
+                        source={skin.getSkinSource()}
+                    />
+                </Pressable>
+            )
         default:
             break;
     }

bob_party/src/components/style/Skin.style.js

@@ -1,27 +1,32 @@
 import { StyleSheet } from "react-native";
 
 export default StyleSheet.create({
-    icon: {
+  icon: {
-        width: 50,
+      width: 50,
-        height: 50,
+      height: 50,
-        borderRadius: 50,
+      borderRadius: 50,
-    },
+  },
-    imageWrapper: {
+  imageWrapper: {
-        height: 135,
+      height: 135,
-        width: '40%',
+      width: '40%',
-        flexDirection: "column",
+      flexDirection: "column",
-        margin: 10,
+      margin: 10,
-    },
+  },
-    imageSkin : {
+  imageWrapperProfil: {
-      borderRadius: 15,
+    height: 135,
-      width: '100%',
+    flexDirection: "column",
-      flex:1
+    margin: 10,
-    },
+  },
-    nomSkin :{
+  imageSkin : {
-      textAlign: 'center',
+    borderRadius: 15,
-      fontSize: 25,
+    width: '100%',
-      fontFamily: 'Helvetica',
+    flex:1
-      fontWeight: 'bold',
+  },
-      color: 'white',
+  nomSkin :{
-    },
+    textAlign: 'center',
+    fontSize: 25,
+    fontFamily: 'Helvetica',
+    fontWeight: 'bold',
+    color: 'white',
+  },
 });