Skip to content

[CP Staging] Revert "Enhance icons UI consistency"#86555

Merged
grgia merged 1 commit intomainfrom
revert-83799-@zfurtak/change-select-icons
Mar 27, 2026
Merged

[CP Staging] Revert "Enhance icons UI consistency"#86555
grgia merged 1 commit intomainfrom
revert-83799-@zfurtak/change-select-icons

Conversation

@grgia
Copy link
Copy Markdown
Contributor

@grgia grgia commented Mar 27, 2026

Reverts #83799

Fixes

$ #86535

$ #86536

$ #86537

$ #86538

$ #86544

$ #86546

$ #86548

$ #86551

$ #86552

$ #86556

@grgia grgia requested review from dukenv0307 and zfurtak March 27, 2026 15:23
@grgia grgia self-assigned this Mar 27, 2026
@grgia grgia requested review from a team as code owners March 27, 2026 15:23
@melvin-bot
Copy link
Copy Markdown

melvin-bot Bot commented Mar 27, 2026

Hey! I see that you made changes to our Form component. Make sure to update the docs in FORMS.md accordingly. Cheers!

@melvin-bot melvin-bot Bot requested review from srikarparsi and trjExpensify and removed request for a team March 27, 2026 15:23
@melvin-bot
Copy link
Copy Markdown

melvin-bot Bot commented Mar 27, 2026

@srikarparsi Please copy/paste the Reviewer Checklist from here into a new comment on this PR and complete it. If you have the K2 extension, you can simply click: [this button]

@melvin-bot melvin-bot Bot removed the request for review from a team March 27, 2026 15:24
@grgia grgia changed the title Revert "Enhance icons UI consistency" [CP Staging] Revert "Enhance icons UI consistency" Mar 27, 2026
@grgia
Copy link
Copy Markdown
Contributor Author

grgia commented Mar 27, 2026

straight revert, ignore lint

@codecov
Copy link
Copy Markdown

codecov Bot commented Mar 27, 2026

Codecov Report

❌ Looks like you've decreased code coverage for some files. Please write tests to increase, or at least maintain, the existing level of code coverage. See our documentation here for how to interpret this table.

Files with missing lines Coverage Δ
...s/AddPaymentCard/PaymentCardChangeCurrencyForm.tsx 0.00% <ø> (ø)
...onents/AddPaymentCard/PaymentCardCurrencyModal.tsx 0.00% <ø> (ø)
src/components/ApproverSelectionList.tsx 91.17% <ø> (ø)
...ponents/BaseVacationDelegateSelectionComponent.tsx 0.00% <ø> (ø)
src/components/CategoryPicker.tsx 0.00% <ø> (ø)
.../components/CountryPicker/CountrySelectorModal.tsx 0.00% <ø> (ø)
src/components/CurrencySelectionList/index.tsx 0.00% <ø> (ø)
...ents/DatePicker/CalendarPicker/YearPickerModal.tsx 71.42% <ø> (ø)
src/components/DestinationPicker.tsx 0.00% <ø> (ø)
src/components/MoneyRequestConfirmationList.tsx 61.69% <ø> (-0.61%) ⬇️
... and 171 more
... and 10 files with indirect coverage changes

@grgia grgia requested review from Beamanator March 27, 2026 15:33
Copy link
Copy Markdown

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Choose a reason for hiding this comment

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

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: f5d23c4cd6

ℹ️ About Codex in GitHub

Codex has been enabled to automatically review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

When you sign up for Codex through ChatGPT, Codex can also answer questions or update the PR, like "@codex address that feedback".

Comment on lines +119 to +122
<PressableWithFeedback
accessibilityLabel={item.text ?? ''}
role={CONST.ROLE.BUTTON}
sentryLabel={CONST.SENTRY_LABEL.USER_LIST_ITEM.CHECKBOX}
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

P2 Badge Expose multiselect toggles as checkboxes

Replacing SelectionCheckbox with PressableWithFeedback here changes the control semantics to role=button and removes explicit checked-state metadata, so in UserListItem flows that use canSelectMultiple (participant/member pickers) assistive technologies can no longer reliably announce whether an option is selected. This regresses accessibility compared with the previous checkbox implementation; this control should expose checkbox semantics (role/accessibilityState.checked) or reuse the shared Checkbox component.

Useful? React with 👍 / 👎.

@Beamanator
Copy link
Copy Markdown
Contributor

all you @grgia - feel free to merge if you wanna skip the checks since this looks like a straight revert :D

@grgia grgia merged commit a0adf62 into main Mar 27, 2026
38 of 44 checks passed
@grgia grgia deleted the revert-83799-@zfurtak/change-select-icons branch March 27, 2026 16:38
@melvin-bot
Copy link
Copy Markdown

melvin-bot Bot commented Mar 27, 2026

@grgia looks like this was merged without a test passing. Please add a note explaining why this was done and remove the Emergency label if this is not an emergency.

@melvin-bot melvin-bot Bot added the Emergency label Mar 27, 2026
@github-actions
Copy link
Copy Markdown
Contributor

🚧 @grgia has triggered a test Expensify/App build. You can view the workflow run here.

@grgia grgia removed the Emergency label Mar 27, 2026
@grgia
Copy link
Copy Markdown
Contributor Author

grgia commented Mar 27, 2026

This was a straight revert

OSBotify pushed a commit that referenced this pull request Mar 27, 2026
…-select-icons

[CP Staging] Revert "Enhance icons UI consistency"

(cherry picked from commit a0adf62)

(cherry-picked to staging by grgia)
@OSBotify OSBotify added the CP Staging marks PRs that have been CP'd to staging label Mar 27, 2026
@OSBotify
Copy link
Copy Markdown
Contributor

✋ This PR was not deployed to staging yet because QA is ongoing. It will be automatically deployed to staging after the next production release.

@OSBotify
Copy link
Copy Markdown
Contributor

🚀 Cherry-picked to staging by https://github.com/grgia in version: 9.3.50-2 🚀

platform result
🕸 web 🕸 success ✅
🤖 android 🤖 success ✅
🍎 iOS 🍎 success ✅

Bundle Size Analysis (Sentry):

@MelvinBot
Copy link
Copy Markdown
Contributor

👋 Hi grgia, I reviewed PR #86555 against the help site articles under docs/articles/.

Conclusion: No help site changes required

Reasoning:

  1. This is a revert PR — it reverts Enhance icons UI consistency #83799 ("Enhance icons UI consistency"), restoring the previous UI behavior. The original PR had zero documentation file changes, so there's nothing to "un-document."

  2. All changes are internal component-level — the diff swaps selection list item components (e.g., SingleSelectListItemRadioListItem), removes the SelectionCheckbox component, and adjusts icon rendering props. These are purely visual/implementation details that don't affect feature names, navigation paths, button labels, or user-facing workflows.

  3. Help site articles use generic terms — articles that mention "checkmark" or "checkbox" (e.g., Adding-Attendees.md, Create-a-New-Chat.md, Search-and-Download-Expenses.md) describe the general concept of selection indicators, not the specific underlying component. Since the revert restores the previously-documented behavior, these descriptions remain accurate.

  4. No terminology or workflow changes — no features were added, removed, or renamed. No navigation paths changed. No button labels changed.

No action needed on the docs side for this PR.

@OSBotify
Copy link
Copy Markdown
Contributor

🚀 Cherry-picked to staging by https://github.com/grgia in version: 9.3.51-0 🚀

platform result
🕸 web 🕸 success ✅
🤖 android 🤖 success ✅
🍎 iOS 🍎 success ✅

Bundle Size Analysis (Sentry):

@MelvinBot
Copy link
Copy Markdown
Contributor

👋 Hi grgia, I've re-reviewed PR #86555 against the help site guidelines as requested.

Review Against Help Site Standards

I reviewed:

  • docs/HELPSITE_NAMING_CONVENTIONS.md — requires exact UI text, bold formatting, matching capitalization
  • docs/HELP_AUTHORING_GUIDELINES.md — task-based headings, exact UI terminology, one workflow per article
  • docs/TEMPLATE.md — structural template for articles

Articles Checked

I found 15+ articles under docs/articles/ that reference selection-related UI concepts (checkboxes, checkmarks, selected buttons). Key articles include:

Article References
Managing-Expenses-in-a-Report.md "Click the checkbox next to the expense(s)", green selected button
Search-and-Download-Expenses.md "Check the box next to the expenses or reports"
Adding-Attendees.md Checkmark confirmation indicator
Create-expense-categories.md Bulk actions using checkboxes
Account-Settings.md Checkmark for language selection
Merge-Accounts.md "Check the box that says..."
Configure-Per-Diem-in-a-workspace.md "X selected dropdown"

Conclusion: No help site changes required

Reasoning:

  1. This is a revert — it restores the UI to its pre-Enhance icons UI consistency #83799 state, which is the behavior the existing documentation was written against.

  2. All changes are internal components — the diff swaps selection list item component types (SingleSelectListItemRadioListItem), removes SelectionCheckbox, and adjusts icon rendering props. These are implementation details, not user-facing changes.

  3. Help articles describe user actions, not components — the articles use terms like "check the box," "click the checkbox," and "checkmark" to describe what users see and do. These terms describe the visual behavior, which is restored (not altered) by this revert.

  4. No feature, label, or navigation changes — no features were added/removed, no button labels changed, and no navigation paths were modified.

Since the revert restores the previously-documented behavior, all existing help site articles remain accurate. No documentation PR is needed.

@OSBotify
Copy link
Copy Markdown
Contributor

🚀 Deployed to production by https://github.com/jasperhuangg in version: 9.3.50-8 🚀

platform result
🕸 web 🕸 success ✅
🤖 android 🤖 success ✅
🍎 iOS 🍎 success ✅

@zfurtak
Copy link
Copy Markdown
Contributor

zfurtak commented Apr 1, 2026

I can't continue working on bringing it back to life but I'm passing it to @mhawryluk, so it'll be in good hands 😊

@OSBotify
Copy link
Copy Markdown
Contributor

OSBotify commented Apr 2, 2026

🚀 Deployed to production by https://github.com/jasperhuangg in version: 9.3.51-10 🚀

platform result
🕸 web 🕸 success ✅
🤖 android 🤖 failure ❌
🍎 iOS 🍎 success ✅

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

CP Staging marks PRs that have been CP'd to staging

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants