From f33a643ae9f751146f4ec85f91f70e53b74a601d Mon Sep 17 00:00:00 2001
From: Laure STEPHAN <laurestephan5@gmail.com>
Date: Wed, 11 May 2022 16:23:36 +0200
Subject: [PATCH] fix: text categorie gain

---
 src/scenes/Gains/CategorieGain.js | 18 ++++++++++++++----
 src/scenes/Gains/MesGains.js      |  6 +++---
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/src/scenes/Gains/CategorieGain.js b/src/scenes/Gains/CategorieGain.js
index 2f3943f3f..240818e27 100644
--- a/src/scenes/Gains/CategorieGain.js
+++ b/src/scenes/Gains/CategorieGain.js
@@ -22,9 +22,11 @@ const CategorieGain = ({ children, icon = null, value = '?', unit = '', descript
           )}
         </UnitCategorie>
       </ComponentCategorie>
-      <TextCategorie>
-        <TextStyled>{description}</TextStyled>
-      </TextCategorie>
+      <TextCategorieContainer>
+        <TextCategorie>
+          <TextStyled numberOfLines={2}>{description}</TextStyled>
+        </TextCategorie>
+      </TextCategorieContainer>
     </Categorie>
   );
 };
@@ -33,6 +35,7 @@ const width = screenWidth / 3;
 
 const Categorie = styled.View`
   margin-left: ${width * 0.2}px;
+  width: ${width * 0.85}px;
   margin-right: ${width * 0.2}px;
 `;
 
@@ -65,8 +68,15 @@ const CategorieValue = styled.Text`
   font-size: 45px;
 `;
 
-const TextCategorie = styled.View`
+const TextCategorieContainer = styled.View`
   padding-top: 2px;
   align-items: center;
 `;
+
+const TextCategorie = styled.Text`
+  textAlign: center;
+`;
+
+
+
 export default CategorieGain;
diff --git a/src/scenes/Gains/MesGains.js b/src/scenes/Gains/MesGains.js
index 6c6f9bcf1..21ba4df1a 100644
--- a/src/scenes/Gains/MesGains.js
+++ b/src/scenes/Gains/MesGains.js
@@ -74,8 +74,8 @@ const MesGains = () => {
         </TextForm>
       </TextContainer>
       <Categories>
-        <CategorieGain icon={<Economy size={24} />} unit={'€'} description1={'Mes économies'} />
-        <CategorieGain icon={<Balance size={26} />} value={null} unit="kcal" description1="'Mes calories économisées" />
+        <CategorieGain icon={<Economy size={24} />} unit={'€'} description='Mes économies' />
+        <CategorieGain icon={<Balance size={26} />} value={null} unit="kcal" description="Mes calories économisées" />
       </Categories>
       <TextContainer>
         <TextForm>
@@ -96,7 +96,7 @@ const MesGains = () => {
             internalColor={`rgba(64, 48, 165, ${50 / 100})`}
           />
         </CategorieGain>
-        <CategorieGain icon={<NoDrink size={24} />} description1="Jours où je n'ai pas bu" />
+        <CategorieGain icon={<NoDrink size={24} />} description="Jours où je n'ai pas bu" />
       </Categories>
       {nextStep && <OnBoardingGain onPress={toGoal} />}
       <GainsCalendar init={init} />