From c5d38f26b73cd356a8fa4f31485e2a3cbba80b1c Mon Sep 17 00:00:00 2001
From: alguilhot <alban.guilhot@etu.uca.fr>
Date: Sun, 16 Oct 2022 16:47:44 +0200
Subject: [PATCH] ADD: Ajout de la vue liste au component Skin

---
 bob_party/src/components/Skin.tsx            | 12 ++++-
 bob_party/src/components/style/Skin.style.js | 51 +++++++++++---------
 2 files changed, 39 insertions(+), 24 deletions(-)

diff --git a/bob_party/src/components/Skin.tsx b/bob_party/src/components/Skin.tsx
index 8762a9c..69f0a14 100644
--- a/bob_party/src/components/Skin.tsx
+++ b/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;
     }
diff --git a/bob_party/src/components/style/Skin.style.js b/bob_party/src/components/style/Skin.style.js
index 360f5c2..d8291fe 100644
--- a/bob_party/src/components/style/Skin.style.js
+++ b/bob_party/src/components/style/Skin.style.js
@@ -1,27 +1,32 @@
 import { StyleSheet } from "react-native";
 
 export default StyleSheet.create({
-    icon: {
-        width: 50,
-        height: 50,
-        borderRadius: 50,
-    },
-    imageWrapper: {
-        height: 135,
-        width: '40%',
-        flexDirection: "column",
-        margin: 10,
-    },
-    imageSkin : {
-      borderRadius: 15,
-      width: '100%',
-      flex:1
-    },
-    nomSkin :{
-      textAlign: 'center',
-      fontSize: 25,
-      fontFamily: 'Helvetica',
-      fontWeight: 'bold',
-      color: 'white',
-    },
+  icon: {
+      width: 50,
+      height: 50,
+      borderRadius: 50,
+  },
+  imageWrapper: {
+      height: 135,
+      width: '40%',
+      flexDirection: "column",
+      margin: 10,
+  },
+  imageWrapperProfil: {
+    height: 135,
+    flexDirection: "column",
+    margin: 10,
+  },
+  imageSkin : {
+    borderRadius: 15,
+    width: '100%',
+    flex:1
+  },
+  nomSkin :{
+    textAlign: 'center',
+    fontSize: 25,
+    fontFamily: 'Helvetica',
+    fontWeight: 'bold',
+    color: 'white',
+  },
 });
\ No newline at end of file