Skip to content

ref(settings): drop legacy FieldGroup in reportUri#114142

Merged
priscilawebdev merged 2 commits intomasterfrom
priscila/ref/de-993-migrate-report-uri
Apr 28, 2026
Merged

ref(settings): drop legacy FieldGroup in reportUri#114142
priscilawebdev merged 2 commits intomasterfrom
priscila/ref/de-993-migrate-report-uri

Conversation

@priscilawebdev
Copy link
Copy Markdown
Member

@priscilawebdev priscilawebdev commented Apr 28, 2026

ReportUri is a read-only display widget shared by the CSP, Expect-CT, HPKP and Security Headers index pages. It shows the security report DSN inside a TextCopyInput. There is no form submission.

The only legacy form import on this file was FieldGroup from sentry/components/forms/fieldGroup, used purely as a layout wrapper around the TextCopyInput (no label, no help, no validation). Swap it for a scraps Container with padding="xl", which resolves to theme.space.xl on all sides — the exact same value the legacy FieldGroup applied.

Panel / PanelHeader / PanelBody / PanelAlert are kept as-is. They are panel primitives, not form components, and are out of scope for this migration.

closes DE-993

@linear-code
Copy link
Copy Markdown

linear-code Bot commented Apr 28, 2026

@github-actions github-actions Bot added the Scope: Frontend Automatically applied to PRs that change frontend components label Apr 28, 2026
ReportUri is a read-only display widget, not a form. The only legacy
form import on this file was `FieldGroup` from
`sentry/components/forms/fieldGroup`, used solely as a layout wrapper
(no label, no help, no validation). Replace it with a scraps
`Container` that applies the same xl padding the legacy FieldGroup
provided around the TextCopyInput.

Panel / PanelHeader / PanelBody / PanelAlert are kept as-is — they are
panel primitives, not form components, and they render PanelAlert
correctly flush against the panel walls. Swapping to scraps
FormFieldGroup was tried but rejected: FormFieldGroup auto-applies
padding and a border-bottom to every direct child via a `> *` selector,
which double-padded the PanelAlert and added an unwanted divider
between the alert and the input.

Refs DE-993
@priscilawebdev priscilawebdev force-pushed the priscila/ref/de-993-migrate-report-uri branch from d2f9736 to 057cff4 Compare April 28, 2026 11:31
@priscilawebdev priscilawebdev changed the title ref(settings): migrate reportUri to scraps form primitives ref(settings): drop legacy FieldGroup in reportUri Apr 28, 2026
@priscilawebdev priscilawebdev marked this pull request as ready for review April 28, 2026 11:37
@priscilawebdev priscilawebdev requested a review from a team as a code owner April 28, 2026 11:37
Copy link
Copy Markdown
Collaborator

@TkDodo TkDodo left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🙌

@priscilawebdev priscilawebdev merged commit ff08cb8 into master Apr 28, 2026
66 checks passed
@priscilawebdev priscilawebdev deleted the priscila/ref/de-993-migrate-report-uri branch April 28, 2026 13:58
cleptric pushed a commit that referenced this pull request May 5, 2026
`ReportUri` is a read-only display widget shared by the CSP, Expect-CT,
HPKP and Security Headers index pages. It shows the security report DSN
inside a `TextCopyInput`. There is no form submission.

The only legacy form import on this file was `FieldGroup` from
`sentry/components/forms/fieldGroup`, used purely as a layout wrapper
around the `TextCopyInput` (no label, no help, no validation). Swap it
for a scraps `Container` with `padding="xl"`, which resolves to
`theme.space.xl` on all sides — the exact same value the legacy
`FieldGroup` applied.

`Panel` / `PanelHeader` / `PanelBody` / `PanelAlert` are kept as-is.
They are panel primitives, not form components, and are out of scope for
this migration.

closes
[DE-993](https://linear.app/getsentry/issue/DE-993/migrate-projectsecurityheadersreporturitsx-from-legacy-form-system)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Scope: Frontend Automatically applied to PRs that change frontend components

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants