diff --git a/bob_party/components/skinAvatar.tsx b/bob_party/components/skinAvatar.tsx
deleted file mode 100644
index 65bc43c..0000000
--- a/bob_party/components/skinAvatar.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { FC, ReactNode } from "react"
-import { Button, Image, Text, View } from "react-native"
-import { Skin } from "../core/Skin"
-
-/*
-export const SkinComponent : FC<{skin: Skin, children: ReactNode}> = ({skin, children}) => {
-
-    return <View>
-        <Image source={{uri: skin.source}}/>
-        <Text>{t}</Text>
-    </View>
-}
-*/
\ No newline at end of file
diff --git a/bob_party/src/components/skinAvatar.tsx b/bob_party/src/components/skinAvatar.tsx
new file mode 100644
index 0000000..b708e2f
--- /dev/null
+++ b/bob_party/src/components/skinAvatar.tsx
@@ -0,0 +1,15 @@
+import { FC, ReactNode } from "react"
+import { Button, Image, ImageStyle, Text, View } from "react-native"
+import { Skin } from "../core/Skin"
+import React from "react"
+
+export const SkinComponent : FC<{skin: Skin, children: ImageStyle, childrenTest: ReactNode}> = ({skin, children, childrenTest}) => {
+
+
+    return (
+    <View>
+        <Image source={{uri: skin.Source}} style={children}/>
+        {childrenTest}
+    </View>
+    )
+}
\ No newline at end of file
diff --git a/bob_party/core/skin.ts b/bob_party/src/core/skin.ts
similarity index 93%
rename from bob_party/core/skin.ts
rename to bob_party/src/core/skin.ts
index 3d3f320..a8c61d1 100644
--- a/bob_party/core/skin.ts
+++ b/bob_party/src/core/skin.ts
@@ -1,6 +1,6 @@
 export class Skin{
     private Name: string;
-    private Source: string;
+    Source: string;
 
     constructor(name: string, source:string){
         this.Name=name;
diff --git a/bob_party/core/user.ts b/bob_party/src/core/user.ts
similarity index 100%
rename from bob_party/core/user.ts
rename to bob_party/src/core/user.ts
diff --git a/bob_party/src/screens/Home.tsx b/bob_party/src/screens/Home.tsx
index f8327ef..b5cff9f 100644
--- a/bob_party/src/screens/Home.tsx
+++ b/bob_party/src/screens/Home.tsx
@@ -1,10 +1,15 @@
 import { StatusBar } from 'expo-status-bar'
 import { StyleSheet, View, Text, Alert, Pressable, Image} from 'react-native'
 import React from 'react';
+import { SkinComponent } from '../../components/skinAvatar';
+import { User } from '../../core/user';
+import { Skin } from '../../core/skin';
+
 
 const avatar = require('../../assets/Icons/BobClassic.png');
+const skinTest= new Skin("Bob", '../../assets/Icons/BobClassic.png');
 const engrenage = require('../../assets/Icons/UnSelected/Cogs.png');
-const gamepad = require('../../assets/Icons/Selected/SGamepad.png');
+const gamepad = require('../../assets/Icons/Selected/Gamepad.png');
 const message = require('../../assets/Icons/UnSelected/Chat.png');
 const store = require('../../assets/Icons/UnSelected/Store.png');
 
@@ -14,10 +19,7 @@ function Home(props: { navigation: any; }) {
     <View style={styles.container}>
       <View style={styles.header}>
         <Pressable onPress={() => navigation.navigate('Profile')}>
-          <Image
-          style={styles.avatar}
-          source={avatar}
-          />
+          <SkinComponent skin={skinTest} children={styles.avatar} childrenTest={<Text>Bite</Text>} />
         </Pressable>
         <Text style={styles.titre}>BOB PARTY</Text>
         <Pressable onPress={() => navigation.navigate('Settings')}>
diff --git a/bob_party/src/screens/Store.tsx b/bob_party/src/screens/Store.tsx
index 0437fc2..aa9f7b3 100644
--- a/bob_party/src/screens/Store.tsx
+++ b/bob_party/src/screens/Store.tsx
@@ -6,7 +6,7 @@ const avatar = require('../../assets/Icons/BobClassic.png');
 const engrenage = require('../../assets/Icons/UnSelected/Cogs.png');
 const gamepad = require('../../assets/Icons/UnSelected/Gamepad.png');
 const message = require('../../assets/Icons/UnSelected/Chat.png');
-const store = require('../../assets/Icons/Selected/SStore.png');
+const store = require('../../assets/Icons/Selected/Store.png');
 
 function Store(props: { navigation: any; }) {
     const { navigation } = props