fix(components/TotalLayout): rename TotalLayout property stepNumberFo…

…rDraftSave to minStepNumberForDraftSave
leemonade · Dec 4, 2023 · 26531bc · 26531bc
1 parent 15b0d3f
commit 26531bc
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/packages/components/src/layout/TotalLayout/TotalLayout.js b/packages/components/src/layout/TotalLayout/TotalLayout.js
@@ -19,7 +19,7 @@ const TotalLayout = ({
   stepsInfo,
   activeStep = 0,
   setActiveStep = () => {},
-  stepNumberForDraftSave,
+  minStepNumberForDraftSave,
   onSave,
   footerActionsLabels,
   footerFinalActions,
@@ -113,7 +113,7 @@ const TotalLayout = ({
             onNext={() => validateAndAct(handleNext)}
             finalActions={finalActions}
             footerActionsLabels={footerActionsLabels}
-            stepNumberForDraftSave={stepNumberForDraftSave}
+            minStepNumberForDraftSave={minStepNumberForDraftSave}
             onSave={() => validateAndAct(onSave)}
           />
         </Box>

diff --git a/packages/components/src/layout/TotalLayout/TotalLayout.stories.js b/packages/components/src/layout/TotalLayout/TotalLayout.stories.js
@@ -243,8 +243,7 @@ const Template = () => {
           Steps={Steps}
           footerActionsLabels={footerActionsLabels}
           footerFinalActions={footerFinalActions}
-          // Pass the index of the step from wich a draft can be save. Don't pass the prop when no save functionality is needed
-          stepNumberForDraftSave={1}
+          minStepNumberForDraftSave={1}
           onSave={handleOnSave}
         />
       </Box>

diff --git a/packages/components/src/layout/TotalLayout/TotalLayoutFooter.js b/packages/components/src/layout/TotalLayout/TotalLayoutFooter.js
@@ -15,7 +15,7 @@ const TotalLayoutFooter = ({
   onNext,
   finalActions,
   footerActionsLabels,
-  stepNumberForDraftSave,
+  minStepNumberForDraftSave,
   onSave,
 }) => {
   const { classes } = TotalLayoutFooterStyles(
@@ -56,11 +56,12 @@ const TotalLayoutFooter = ({
           <div></div>
           <Stack direction="row" spacing={2} noFlex>
             {/* SAVE? */}
-            {!Number.isNaN(stepNumberForDraftSave) && activeStep >= stepNumberForDraftSave && (
-              <Button variant="link" onClick={onSave}>
-                {footerActionsLabels.save}
-              </Button>
-            )}
+            {!Number.isNaN(minStepNumberForDraftSave) &&
+              activeStep >= minStepNumberForDraftSave && (
+                <Button variant="link" onClick={onSave}>
+                  {footerActionsLabels.save}
+                </Button>
+              )}
             {/* NEXT OR FINAL ACTIONS */}
             {renderFinalActions()}
           </Stack>