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={{
display: 'flex',
justifyContent: 'space-between',
alignItems: 'center',
mb: 3,
}}
>
<Typography variant="body1" color="text.secondary">
{isPrePlanning {isPrePlanning
? "Here's an overview of your plan. You can make changes at any time." ? "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.'} : 'Please review your selections below. You can edit any section before confirming.'}
</Typography> </Typography>
<Divider sx={{ mb: 2 }} />
{onShareByEmail && ( {onShareByEmail && (
<Box sx={{ display: 'flex', justifyContent: 'flex-end', mb: 4 }}>
<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>
)} )}