Storefront Integration

This guide walks through adding a Reorder CTA to an account-orders page in a custom storefront. The reference implementation lives in the BauDirekt demo at apps/storefront/src/app/[locale]/account/orders/[code]/.

Recommended UX

1. List page: a small "Reorder" action on each row that is a past order in a reorderable state. Deep-link to the detail page with ?reorder=1 so the list query stays lean (no per-line data needed on the list).
2. Detail page: always show a "Reorder" button in the header. If ?reorder=1 is present on mount, auto-open the preview dialog and strip the query param so a refresh doesn't re-trigger.
3. Preview dialog: render each line with a checkbox, an editable quantity, a status badge, an optional "was X · now Y" price-change indicator, and per-line messages. Show the indicative total + disclaimer in the footer.
4. Commit → cart: on confirm, call the mutation, show a toast, and navigate to the cart page where the actual totals (with promotions, volume discounts, customer pricing) are displayed.