react-chatbotify/gallery-website

[Issue] Multiple Icon Libraries Installed – Consider Consolidation

Open

#104 opened on Mar 15, 2025

View on GitHub
 (2 comments) (0 reactions) (0 assignees)TypeScript (15 forks)auto 404
enhancementgood first issue

Repository metrics

Stars
 (10 stars)
PR merge metrics
 (PR metrics pending)

Description

Currently, the project includes multiple icon libraries:

  • @mui/icons-material
  • react-icons
  • lucide-react

Potential Issues:

  • Increased Bundle Size: Including multiple icon libraries adds unnecessary weight to the project.
  • Inconsistent UI Design: Using different icon sets may lead to an inconsistent look and feel.
  • Code Maintainability: Having multiple libraries makes it harder to standardize icon usage across the project.

Suggested Solutions:

  • Standardize on a Single Icon Library that meets all design and functionality needs.
  • Remove Unused Icon Libraries to optimize performance and reduce dependencies.

Contributor guide

Research direction
Identify which icons from each library are currently used in the codebase. Then propose a single icon library that covers all use cases and migrate usage to it.
Tech stack
typescriptreact
Domain
frontend
Issue type
Refactor
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
Reactnpm/yarn
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
75