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:
@@ -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>
|
||||||
)}
|
)}
|
||||||
|
|||||||
Reference in New Issue
Block a user