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