🐛 Fix prices summary

Co-authored-by: Joana Figueira <[email protected]>
Som-Energia · Jan 30, 2025 · 3427e5f · 3427e5f
1 parent c675cf0
commit 3427e5f
Showing 1 changed file with 16 additions and 24 deletions.
diff --git 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,27 +248,28 @@ 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} />
 
       <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