Refactor/icons

[TheOrcDev]

Summary by CodeRabbit

• Style
  • Replaced third-party icons with inline SVGs or removed them across charts, showcases, and 8‑bit blocks.
  • Simplified card headers and adjusted spacing for cleaner layouts.
  • Increased icon size on Game Over buttons; main menu now shows labels only.
• Documentation
  • Command component examples updated to display labels without icons; snippets adjusted.
• Content
  • Updated stats: Warriors “since last month” to +42%, Wizards to +31%.

[coderabbitai]

Caution

Review failed

The pull request is closed.

Walkthrough

This PR removes lucide-react icon imports and usage across multiple UI components. Icons are either replaced with inline SVGs or removed, with minor header/layout and text adjustments in specific components. No exported/public API signatures change; data structures and control flow remain the same.

Changes

Cohort / File(s)	Summary of changes
Charts block icon swap app/blocks/charts/charts.tsx	Replaced lucide-react Users icon usages with identical inline SVGs in three CardHeaders; removed icon import.
Command examples and docs (icons removed) app/docs/components/command/page.tsx, components/examples/command.tsx	Dropped all lucide-react icon imports/usages; simplified suggestionCommands and settingCommands symbols to label-only spans; updated code snippet accordingly; no logic changes.
Component showcase UI tweaks components/examples/component-showcase.tsx	Removed several lucide-react icons; replaced some with inline SVGs; simplified CardHeader layouts; switched spacing from space-x-2 to gap-4 in options; updated two metric texts.
8bit Game Over (inline SVG icons) components/ui/8bit/blocks/game-over.tsx	Replaced RefreshCcw and X icons with inline SVGs (size-6), added ARIA labels; removed imports; component logic unchanged.
8bit Main Menu (icons removed) components/ui/8bit/blocks/main-menu.tsx	Removed icon imports and icon property from menu items; buttons now render label-only; no API/signature changes.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related PRs

• feat(gaming) update MainMenu and add GameOver block to showcase layout #249 — Also modifies components/ui/8bit/blocks/main-menu.tsx and game-over.tsx, adjusting APIs/styling alongside icon handling.
• Feat/upgrade showcase #258 — Touches components/examples/component-showcase.tsx, adding icon-based examples later altered here with icon removals and layout tweaks.
• feat(blocks) add new chart area step block #226 — Edits app/blocks/charts/charts.tsx, introducing chart header icon usage that this PR replaces with inline SVGs.

Poem

Hops on the UI, light as a breeze,
I swapped shiny glyphs for SVG trees.
No props disturbed, no APIs bent,
Just tidier cards wherever I went.
Tap-tap, nibble—icons trimmed clean,
A sleeker burrow for this front-end scene. 🥕✨

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

💡 Knowledge Base configuration:

• MCP integration is disabled by default for public repositories
• Jira integration is disabled by default for public repositories
• Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between b193676 and 55b2920.

📒 Files selected for processing (6)

• app/blocks/charts/charts.tsx (3 hunks)
• app/docs/components/command/page.tsx (2 hunks)
• components/examples/command.tsx (1 hunks)
• components/examples/component-showcase.tsx (3 hunks)
• components/ui/8bit/blocks/game-over.tsx (1 hunks)
• components/ui/8bit/blocks/main-menu.tsx (1 hunks)

✨ Finishing Touches

• 📝 Generate Docstrings

🧪 Generate unit tests

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch refactor/icons

---

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

• X
• Mastodon
• Reddit
• LinkedIn

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

• Review comments: Directly reply to a review comment made by CodeRabbit. Example:
  • I pushed a fix in commit <commit_id>, please review it.
  • Open a follow-up GitHub issue for this discussion.
• Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query.
• PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
  • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
  • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR/Issue comments)

Type @coderabbitai help to get the list of available commands.

Other keywords and placeholders

• Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
• Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
• Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

• You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
• Please see the configuration documentation for more information.
• If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Status, Documentation and Community

• Visit our Status Page to check the current availability of CodeRabbit.
• Visit our Documentation for detailed information on how to use CodeRabbit.
• Join our Discord Community to get help, request features, and share feedback.
• Follow us on X/Twitter for updates and announcements.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
8bitcn-ui	Ready	Preview	Comment	Aug 27, 2025 9:22am