From 3427e5f9615ef65d5fec215e07699d46fcee2d14 Mon Sep 17 00:00:00 2001
From: Benji <benjami.ramos@somenergia.coop>
Date: Thu, 30 Jan 2025 11:27:18 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fix=20prices=20summary?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Joana Figueira <joana.figueira@somenergia.coop>
---
 .../Gurb/pages/Contract/ContractSummary.jsx   | 40 ++++++++-----------
 1 file changed, 16 insertions(+), 24 deletions(-)

diff --git a/src/containers/Gurb/pages/Contract/ContractSummary.jsx b/src/containers/Gurb/pages/Contract/ContractSummary.jsx
index 42a587b2..091a1111 100644
--- a/src/containers/Gurb/pages/Contract/ContractSummary.jsx
+++ b/src/containers/Gurb/pages/Contract/ContractSummary.jsx
@@ -180,8 +180,8 @@ const ContractSummary = (props) => {
       keys.length === 2
         ? [t('PEAK'), t('VALLEY')]
         : keys.length === 3
-        ? [t('PEAK'), t('FLAT'), t('VALLEY')]
-        : keys
+          ? [t('PEAK'), t('FLAT'), t('VALLEY')]
+          : keys
 
     return (
       <Box
@@ -248,8 +248,6 @@ const ContractSummary = (props) => {
     <Loading />
   ) : (
     <>
-      {/* <Box sx={{ marginTop: '2rem', marginBottom: '-2rem' }}> */}
-
       <TextRecomendation title={t('GURB_CONTRACT_SUMMARY_TITLE')} />
       <SomStepper step={activeStep} connectors={7 + 1} />
       <ReviewTable tableFields={reviewFields} />
@@ -257,18 +255,21 @@ const ContractSummary = (props) => {
       <Box
         sx={{
           display: 'flex',
-          alignItems: 'flex-start',
-          flexDirection: 'row',
+          flexDirection: 'column',
           marginY: '2rem',
-          gap: '2rem'
         }}>
-        <LocalOfferOutlinedIcon sx={iconRequirements} />
-        <Box>
+        <Box
+          sx={{
+            display: 'flex',
+            alignItems: 'flex-start',
+            gap: '2rem'
+          }}>
+          <LocalOfferOutlinedIcon sx={iconRequirements} />
           <Typography sx={textHeader4}>
             {t('GURB_REVIEW_PRICES_POWER_TITLE')}
           </Typography>
-
-          <Grid container columnSpacing={2}>
+        </Box>
+          <Grid container sx={{marginLeft: '5rem'}}>
             {reviewPrices.map((detail, index) => {
               return (
                 <Grid
@@ -277,25 +278,16 @@ const ContractSummary = (props) => {
                   xs={12}
                   sm={6}
                   sx={{
-                    display: 'flex',
-                    flexDirection: 'column',
                     marginY: '1rem'
                   }}>
-                  <Box
-                    sx={{
-                      display: 'flex',
-                      flexDirection: 'column'
-                    }}>
-                    <Typography sx={textReviewLabel}>
-                      {t(detail.title)}
-                    </Typography>
-                    <Prices concept={prices?.[`${detail.field}`]} />
-                  </Box>
+                  <Typography sx={textReviewLabel}>
+                    {t(detail.title)}
+                  </Typography>
+                  <Prices concept={prices?.[`${detail.field}`]} />
                 </Grid>
               )
             })}
           </Grid>
-        </Box>
       </Box>
 
       <Typography