Skip to content

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

Open
tlabaj wants to merge 1 commit intopatternfly:mainfrom
tlabaj:icon
Open

chore(docs): Updated remaining TimesIcon to RhMicronsCloseIcon#12334
tlabaj wants to merge 1 commit 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

    • Updated close icon component references across multiple components and examples to use consistent naming conventions.
  • Documentation

    • Updated icon usage examples in README and component demo files to reflect current naming standards.

@coderabbitai
Copy link
Copy Markdown

coderabbitai bot commented Apr 8, 2026

Walkthrough

This PR replaces all remaining usages of the deprecated TimesIcon import with RhMicronsCloseIcon across component examples, demo files, and documentation, while maintaining the same underlying icon module path and functionality.

Changes

Cohort / File(s) Summary
Component & Example Implementations
packages/code-connect/components/DualListSelector/DualListHeader.figma.tsx, packages/react-core/src/components/HelperText/examples/HelperTextWithCustomIcon.tsx
Updated icon imports and usages from TimesIcon to RhMicronsCloseIcon in component files.
Documentation & Demo Examples
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 icon import statements and code examples in documentation and markdown files from TimesIcon to RhMicronsCloseIcon.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Possibly related PRs

Suggested reviewers

  • thatblindgeye
  • wise-king-sullyman
  • dlabaj
🚥 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 all remaining TimesIcon imports to RhMicronsCloseIcon across code and documentation.
Linked Issues check ✅ Passed All code and documentation requirements from issue #12323 are met: both TypeScript files and all seven markdown/documentation files were updated with the TimesIcon to RhMicronsCloseIcon replacement.
Out of Scope Changes check ✅ Passed All changes in the pull request are directly aligned with issue #12323 requirements—only TimesIcon to RhMicronsCloseIcon replacements across specified files.
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

Comment on lines +8 to 10
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';

const closeIcon = <TimesIcon />;
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

⚠️ Potential issue | 🟡 Minor

Fix README usage snippet to match renamed import.

After renaming the import to RhMicronsCloseIcon, the example still renders <TimesIcon />, which makes the snippet inconsistent.

Proposed fix
 import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
 
-const closeIcon = <TimesIcon />;
+const closeIcon = <RhMicronsCloseIcon />;
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
const closeIcon = <TimesIcon />;
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
const closeIcon = <RhMicronsCloseIcon />;
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@packages/react-icons/README.md` around lines 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.

@patternfly-build
Copy link
Copy Markdown
Collaborator

patternfly-build commented Apr 8, 2026

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

2 participants