SummaryStep: fix share button position + save button visibility

- Share this plan: right-aligned below divider, clear spacing before content
- Save and continue later: outlined button, full width, under confirm CTA

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-31 13:03:33 +11:00
parent 0254022b07
commit f33a1e1d42

View File

@@ -308,34 +308,27 @@ export const SummaryStep: React.FC<SummaryStepProps> = ({
Review your plan Review your plan
</Typography> </Typography>
<Box <Typography variant="body1" color="text.secondary" sx={{ mb: 3 }}>
sx={{ {isPrePlanning
display: 'flex', ? "Here's an overview of your plan. You can make changes at any time."
justifyContent: 'space-between', : 'Please review your selections below. You can edit any section before confirming.'}
alignItems: 'center', </Typography>
mb: 3,
}} <Divider sx={{ mb: 2 }} />
>
<Typography variant="body1" color="text.secondary"> {onShareByEmail && (
{isPrePlanning <Box sx={{ display: 'flex', justifyContent: 'flex-end', mb: 4 }}>
? "Here's an overview of your plan. You can make changes at any time."
: 'Please review your selections below. You can edit any section before confirming.'}
</Typography>
{onShareByEmail && (
<Button <Button
variant="outlined" variant="outlined"
color="secondary" color="secondary"
size="small" size="small"
startIcon={<ForwardToInboxOutlinedIcon />} startIcon={<ForwardToInboxOutlinedIcon />}
onClick={() => setShareOpen(true)} onClick={() => setShareOpen(true)}
sx={{ ml: 2, whiteSpace: 'nowrap', flexShrink: 0 }}
> >
Share this plan Share this plan
</Button> </Button>
)} </Box>
</Box> )}
<Divider sx={{ mb: 4 }} />
{/* ─── Arrangement details ─── */} {/* ─── Arrangement details ─── */}
{arrangementDetails && ( {arrangementDetails && (
@@ -716,7 +709,14 @@ export const SummaryStep: React.FC<SummaryStepProps> = ({
</Button> </Button>
{onSaveAndExit && ( {onSaveAndExit && (
<Button variant="text" color="secondary" fullWidth onClick={onSaveAndExit} sx={{ mt: 1 }}> <Button
variant="outlined"
color="secondary"
size="large"
fullWidth
onClick={onSaveAndExit}
sx={{ mt: 1.5 }}
>
Save and continue later Save and continue later
</Button> </Button>
)} )}