[sentry-junior]

The admin Provision Subscription modal no longer uses legacy Bootstrap classes, so React code depends less on the global static/css stylesheet. Field labels and help text use Stack and Text (<label htmlFor> is unchanged), the error message uses a danger Alert, and Cancel and Submit are scraps Buttons in the modal Footer. The two field wrappers had the same markup, so they are now one FormFieldWrapper. Selects still get their accessible name from the aria-label on react-select.

The footer is outside the <form>, so Submit points at it with form="provision-subscription-form". Enter in a field still submits the form. Switches now sit under their labels, not inline after them, like every other field. Nothing else changes in behavior.

No static/css changes: Django templates and crispy-forms still render control-label, help-block, btn* and alert*. .control-group is also used by customIgnoreDurationModal.tsx, which is being converted in a separate PR. Delete that rule once both PRs land.

Changed

Location	Before	After
Customers › customer details › Customers Actions › Provision Subscription
Customers › customer details › Customers Actions › Provision Subscription, error

via malachi.

--

View Session [Sentry]