Skip to content

chore(docs): Updated remaining TimesIcon to RhMicronsCloseIcon#12334

Open
tlabaj wants to merge 4 commits intopatternfly:mainfrom
tlabaj:icon
Open

chore(docs): Updated remaining TimesIcon to RhMicronsCloseIcon#12334
tlabaj wants to merge 4 commits intopatternfly:mainfrom
tlabaj:icon

Conversation

@tlabaj
Copy link
Copy Markdown
Contributor

@tlabaj tlabaj commented Apr 8, 2026

What: Closes #12323

Update all instances of imported TimesIcon to import RhMicronsCloseIcon instead.

Summary by CodeRabbit

  • Refactor

    • Standardized close icon usage across components, demos, and examples by switching all instances to a unified close icon.
  • Documentation

    • Updated README, demo content, and example snippets to reflect the revised close icon in usage and examples.

@coderabbitai
Copy link
Copy Markdown

coderabbitai bot commented Apr 8, 2026

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 587cad44-1de5-44b2-a920-8514e7c96014

📥 Commits

Reviewing files that changed from the base of the PR and between dc7eac3 and 46fd35b.

📒 Files selected for processing (1)
  • packages/react-icons/README.md
🚧 Files skipped from review as they are similar to previous changes (1)
  • packages/react-icons/README.md

Walkthrough

Replaced remaining imports/usages of TimesIcon with RhMicronsCloseIcon across components, examples, demos, and the react-icons README; only import identifiers and rendered icon usages were changed.

Changes

Cohort / File(s) Summary
Components & examples
packages/code-connect/components/DualListSelector/DualListHeader.figma.tsx, packages/react-core/src/components/HelperText/examples/HelperTextWithCustomIcon.tsx
Swapped TimesIcon import and JSX usage to RhMicronsCloseIcon.
Documentation & demos
packages/react-core/src/components/HelperText/examples/HelperText.md, packages/react-core/src/demos/HelperText.md, packages/react-core/src/demos/CustomMenus/CustomMenus.md, packages/react-core/src/demos/Toolbar.md, packages/react-icons/README.md
Updated code examples and import snippets to reference RhMicronsCloseIcon instead of TimesIcon (documentation-only changes).

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Possibly related PRs

Suggested reviewers

  • dlabaj
  • thatblindgeye
  • nicolethoen
🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title accurately describes the main change: updating TimesIcon to RhMicronsCloseIcon across the codebase.
Linked Issues check ✅ Passed All required changes from issue #12323 have been implemented: both TypeScript files updated with correct imports/usages, and all seven documentation file locations properly updated.
Out of Scope Changes check ✅ Passed All changes are directly related to replacing TimesIcon with RhMicronsCloseIcon as specified in issue #12323; no out-of-scope modifications detected.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@tlabaj tlabaj changed the title chore(docs): Updateed remaining TimesIcon to RhMicronsCloseIcon chore(docs): Updated remaining TimesIcon to RhMicronsCloseIcon Apr 8, 2026
Copy link
Copy Markdown

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

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

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@packages/react-icons/README.md`:
- Around line 8-10: The README snippet imports RhMicronsCloseIcon but still
renders <TimesIcon />; update the example so the rendered component matches the
import by replacing the JSX usage of TimesIcon with RhMicronsCloseIcon (i.e.,
set closeIcon to <RhMicronsCloseIcon />) or alternatively rename the import back
to TimesIcon so both the import and the rendering (TimesIcon,
RhMicronsCloseIcon, closeIcon) are consistent.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 3d83d4d6-ddce-4c59-b706-a6a2c5d4017f

📥 Commits

Reviewing files that changed from the base of the PR and between 911223a and a67ad07.

📒 Files selected for processing (7)
  • packages/code-connect/components/DualListSelector/DualListHeader.figma.tsx
  • packages/react-core/src/components/HelperText/examples/HelperText.md
  • packages/react-core/src/components/HelperText/examples/HelperTextWithCustomIcon.tsx
  • packages/react-core/src/demos/CustomMenus/CustomMenus.md
  • packages/react-core/src/demos/HelperText.md
  • packages/react-core/src/demos/Toolbar.md
  • packages/react-icons/README.md

@patternfly-build
Copy link
Copy Markdown
Collaborator

patternfly-build commented Apr 8, 2026

@tlabaj tlabaj requested review from a team, dlabaj and wise-king-sullyman and removed request for a team and wise-king-sullyman April 13, 2026 15:30
Copy link
Copy Markdown
Contributor

@kmcfaul kmcfaul left a comment

Choose a reason for hiding this comment

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

The import paths need to be updated as well (still pointing at the old icon) -
'@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon';


// Direct file path
import timesIcon from '@patternfly/react-icons/dist/static/times-icon.svg';
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/static/times-icon.svg';
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

One last update for the import path here!

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Update remaining TimesIcon to RhMicronsCloseIcon

4 participants