Skip to content

Remove @ionic/react IonIcon dependency (used for 3 icons) #7022

@talissoncosta

Description

@talissoncosta

Problem

@ionic/react and ionicons are imported for just 3 icons across the codebase:

  • InfoMessage.tsx
  • SuccessMessage.tsx
  • AccordionCard.tsx
  • project-components.js

This adds an entire icon library dependency for 3 uses.

Solution

  1. Inline the 3 SVGs (or add them to the Icon system after Refactor Icon.tsx: split 70 inline SVGs into individual files #7019)
  2. Remove @ionic/react and ionicons from package.json

Acceptance criteria

  • 3 icons render identically
  • @ionic/react and ionicons removed from dependencies
  • Bundle size reduction measurable

Part of the Design System Audit (#6606) · Epic: #6882

Metadata

Metadata

Assignees

No one assigned

    Labels

    front-endIssue related to the React Front End Dashboardtech-debtTechnical debt issues

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions