Animate the ETA, hide delays, and tidy the order card actions
- Slide the "Ready in about" value when it changes (new EtaMessage) - Drop the "Running late" banner; delays only move the ETA now - Remove the cancel-info tooltip and its icon button - Shorten the steps toggle to "Steps" / "Hide" - Add icons and more padding to the order card action buttons Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -2,14 +2,12 @@ import { motion, useReducedMotion } from 'framer-motion'
|
||||
|
||||
import styles from './ItemStatusBanner.module.scss'
|
||||
|
||||
export type ItemStatusBannerVariant =
|
||||
'ready' | 'pickedUp' | 'cancelled' | 'delayed'
|
||||
export type ItemStatusBannerVariant = 'ready' | 'pickedUp' | 'cancelled'
|
||||
|
||||
const iconPaths = {
|
||||
ready: ['M7.5 12.5l3 3 6-6.5'],
|
||||
pickedUp: ['M7.5 12.5l3 3 6-6.5'],
|
||||
cancelled: ['M8.5 8.5l7 7', 'M15.5 8.5l-7 7'],
|
||||
delayed: ['M12 7v5', 'M12 12l3.5 2'],
|
||||
} satisfies Record<ItemStatusBannerVariant, Array<string>>
|
||||
|
||||
type ItemStatusBannerProps = {
|
||||
|
||||
Reference in New Issue
Block a user