diff --git a/app/components/icons/StepIcons.tsx b/app/components/icons/StepIcons.tsx index 7a5fd24..e3766b2 100644 --- a/app/components/icons/StepIcons.tsx +++ b/app/components/icons/StepIcons.tsx @@ -117,6 +117,29 @@ function IconShield() { ); } +function IconCup() { + // Mug + handle + steam — for "pour yourself a drink" steps (Tasse "Die + // Pause." was the first thing that needed this, none of the existing 10 + // fit a physical cup product at all). + return ( + + + + + + ); +} + +function IconPause() { + // Two rounded bars — "sit still for a moment" steps. + return ( + + + + + ); +} + // Keys MUST match the Payload StepRowBlock's `icon` select field options // (docker/payload/src/blocks/StepRowBlock.ts) exactly. export const STEP_ICONS: Record React.ReactNode> = { @@ -130,6 +153,8 @@ export const STEP_ICONS: Record React.ReactNode> = { target: IconTarget, trendingUp: IconTrendingUp, shield: IconShield, + cup: IconCup, + pause: IconPause, }; // Same symbolic clock icon /lebensuhr uses above its "24 Stunden" heading