cancel-subscription

Summary

The confirm dialog before a subscription is cancelled.

Raw wireframe

• .context/designs/web/store/cancel-subscription.html

Why it is drawn this way

The labels are reversed on purpose. The cancel button reads Keep Subscription and the confirm reads Cancel Subscription, so a plain Cancel cannot be misread.

Confirming stays on the page. The handler toasts, closes the dialog and refetches the licence. It does not navigate, so the red button is a button, not a link.

The promise is in the copy. The text says access lasts to the end of the billing period, then the workspace drops to Free. That behaviour is the server's; the page only says it.

It is destructive. The confirm button is the error variant. While the mutation runs it shows ....

Related

• subscription
• billing
• confirm-dialogs
• plans

Sources

• apps/website/src/app/workspace/[id]/billing/page.tsx
• packages/ui/src/components/ui/confirm-dialog.tsx