Skip to content

Conversation

@michelroegl-brunner
Copy link
Member

Changes

This PR replaces all emojis with Lucide React icons for better accessibility, consistency, and maintainability.

Modified Files:

  • src/app/page.tsx - Main page header and tab navigation
  • src/app/_components/VersionDisplay.tsx - Version status indicator
  • src/app/_components/Terminal.tsx - Terminal controls and output prefixes
  • src/app/_components/FilterBar.tsx - Filter type icons and sort options
  • src/app/_components/ScriptDetailModal.tsx - Status messages
  • src/app/api/trpc/[trpc]/route.ts - Error logging

Icon Replacements:

  • 🚀 → <Rocket /> (main heading)
  • 📦 → <Package /> (LXC Container type, Available Scripts tab)
  • 💾 → <HardDrive /> (Downloaded Scripts tab)
  • 🗂️ → <FolderOpen /> (Installed Scripts tab)
  • 💻 → <Monitor /> (Virtual Machine type)
  • 🔧 → <Wrench /> (Add-on type)
  • 🖥️ → <Server /> (PVE Host type)
  • 📝 → <FileText /> (Sort by name)
  • 📅 → <Calendar /> (Sort by created date)
  • ✓/✅ → <Check /> (Success indicators)
  • ▶️<Play /> (Start button)
  • ⏹️ → <Square /> (Stop button)
  • 🗑️ → <Trash2 /> (Clear button)
  • ✕ → <X /> (Close button)
  • ❌ → [ERROR] text prefix (terminal/logs)

Benefits:

  • Better accessibility (screen readers can properly describe icons)
  • Consistent visual styling across the application
  • Tree-shakable icon imports (smaller bundle size)
  • Easier to customize (size, color, stroke width)
  • No font/encoding issues across different systems

All icons are properly sized and styled to match the existing design.

- Replace all emojis with Lucide React icons for better accessibility and consistency
- Update page header: rocket emoji → Rocket icon
- Update tab navigation: package, hard drive, folder open icons
- Update terminal controls: Play, Square, Trash2, X icons
- Update filter bar: Package, Monitor, Wrench, Server, FileText, Calendar icons
- Update version display: Check icon for up-to-date status
- Replace emoji prefixes in terminal and error messages with text labels
- Remove unused icon imports
@michelroegl-brunner michelroegl-brunner requested a review from a team as a code owner October 7, 2025 14:26
@michelroegl-brunner michelroegl-brunner merged commit 6c2868f into main Oct 7, 2025
3 checks passed
@michelroegl-brunner michelroegl-brunner deleted the chore/replace_emojis branch October 14, 2025 06:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant