earthdata-search icon indicating copy to clipboard operation
earthdata-search copied to clipboard

EDSC-2909: Create EDSCIcon component and implement react-icons

Open mreese84 opened this issue 4 years ago • 2 comments

Description

Currently we use a font-awesome package from npm which imports Font Awesome as a font. To improve performance, we should replace this with an svg library like react-icons. We should create an Icon component which will dynamically import react-icons, allowing us to add/remove libraries as needed. The component should accept className, library, and icon as props. Initially, only the Font Awesome library will be used.

Acceptance Criteria

  • All instances of <i> icon elements replaced with EDSCIcon component
  • No visual changes to current icons

mreese84 avatar Oct 01 '20 16:10 mreese84

Hey! Would like to grab this one.

suhay avatar Oct 03 '20 14:10 suhay

Awesome, we're here if you have any questions!

abbottry avatar Oct 03 '20 15:10 abbottry