chore(docs): Updated remaining TimesIcon to RhMicronsCloseIcon#12334
chore(docs): Updated remaining TimesIcon to RhMicronsCloseIcon#12334tlabaj wants to merge 1 commit intopatternfly:mainfrom
Conversation
WalkthroughThis PR replaces all remaining usages of the deprecated Changes
Estimated code review effort🎯 1 (Trivial) | ⏱️ ~2 minutes Possibly related PRs
Suggested reviewers
🚥 Pre-merge checks | ✅ 5✅ Passed checks (5 passed)
✏️ Tip: You can configure your own custom pre-merge checks in the settings. ✨ Finishing Touches🧪 Generate unit tests (beta)
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. Comment |
There was a problem hiding this comment.
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
📒 Files selected for processing (7)
packages/code-connect/components/DualListSelector/DualListHeader.figma.tsxpackages/react-core/src/components/HelperText/examples/HelperText.mdpackages/react-core/src/components/HelperText/examples/HelperTextWithCustomIcon.tsxpackages/react-core/src/demos/CustomMenus/CustomMenus.mdpackages/react-core/src/demos/HelperText.mdpackages/react-core/src/demos/Toolbar.mdpackages/react-icons/README.md
| import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/times-icon'; | ||
|
|
||
| const closeIcon = <TimesIcon />; |
There was a problem hiding this comment.
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.
| 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.
|
Preview: https://pf-react-pr-12334.surge.sh A11y report: https://pf-react-pr-12334-a11y.surge.sh |
What: Closes #12323
Update all instances of imported
TimesIconto importRhMicronsCloseIconinstead.Summary by CodeRabbit
Refactor
Documentation