From 790e12d656e358e687751516ae330dd1e04a63cd Mon Sep 17 00:00:00 2001 From: alguilhot Date: Sun, 16 Oct 2022 11:46:45 +0200 Subject: [PATCH] ADD: Ajout du fichier style du skinComponent --- bob_party/src/components/skinAvatar.tsx | 13 ---------- bob_party/src/components/style/Skin.style.js | 27 ++++++++++++++++++++ 2 files changed, 27 insertions(+), 13 deletions(-) delete mode 100644 bob_party/src/components/skinAvatar.tsx create mode 100644 bob_party/src/components/style/Skin.style.js diff --git a/bob_party/src/components/skinAvatar.tsx b/bob_party/src/components/skinAvatar.tsx deleted file mode 100644 index 7d8d759..0000000 --- a/bob_party/src/components/skinAvatar.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import { FC} from "react" -import {Image, ImageStyle, View } from "react-native" -import { Skin } from "../core/Skin" -import React from "react" - -export const SkinComponent : FC<{skin: Skin, children: ImageStyle}> = ({skin, children}) => { - - return ( - - - - ) -} \ No newline at end of file diff --git a/bob_party/src/components/style/Skin.style.js b/bob_party/src/components/style/Skin.style.js new file mode 100644 index 0000000..360f5c2 --- /dev/null +++ b/bob_party/src/components/style/Skin.style.js @@ -0,0 +1,27 @@ +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', + }, +}); \ No newline at end of file