Steps 8-15: consistency pass — subheading, spacing, dividers, Link atom

- CrematoriumStep: body1 subheading, mb:5, section dividers between questions
- CemeteryStep, CoffinDetailsStep, AdditionalServicesStep, SummaryStep: mb:5
- CoffinDetailsStep: body1 subheading
- PaymentStep: mb:5, Link atom for terms links (replaces Box component=a)
- ConfirmationStep: Link atom for phone number

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-30 18:19:29 +11:00
parent 2d9d0624c7
commit baaa9802fe
7 changed files with 36 additions and 51 deletions

View File

@@ -149,7 +149,7 @@ export const CrematoriumStep: React.FC<CrematoriumStepProps> = ({
Crematorium
</Typography>
<Typography variant="body2" color="text.secondary" sx={{ mb: 4 }}>
<Typography variant="body1" color="text.secondary" sx={{ mb: 5 }}>
{isPrePlanning
? 'Review the crematorium details. You can update this later.'
: 'Confirm the crematorium and let us know about any preferences.'}
@@ -244,6 +244,8 @@ export const CrematoriumStep: React.FC<CrematoriumStepProps> = ({
)}
</Box>
<Divider sx={{ my: 4 }} />
{/* ─── Witness / attendance question ─── */}
<FormControl component="fieldset" sx={{ mb: 4, display: 'block' }}>
<FormLabel component="legend" sx={{ mb: 0.5 }}>
@@ -274,23 +276,28 @@ export const CrematoriumStep: React.FC<CrematoriumStepProps> = ({
{/* ─── Priority / timing preference (optional, provider-specific) ─── */}
{priorityOptions.length > 0 && (
<TextField
select
label="Cremation timing preference"
value={values.priority}
onChange={(e) => handleFieldChange('priority', e.target.value)}
placeholder="Select timing preference (optional)"
fullWidth
sx={{ mb: 3 }}
>
{priorityOptions.map((opt) => (
<MenuItem key={opt.value} value={opt.value}>
{opt.label}
</MenuItem>
))}
</TextField>
<>
<Divider sx={{ my: 4 }} />
<TextField
select
label="Cremation timing preference"
value={values.priority}
onChange={(e) => handleFieldChange('priority', e.target.value)}
placeholder="Select timing preference (optional)"
fullWidth
sx={{ mb: 3 }}
>
{priorityOptions.map((opt) => (
<MenuItem key={opt.value} value={opt.value}>
{opt.label}
</MenuItem>
))}
</TextField>
</>
)}
<Divider sx={{ my: 4 }} />
{/* ─── Special instructions ─── */}
<FormControl component="fieldset" sx={{ mb: 3, display: 'block' }}>
<FormLabel component="legend" sx={{ mb: 1 }}>