Replace all fa-angle/fa-chevron icons with equivalent Icon components

[georgewrmarshall]

Description

In an effort to replace all font-awesome icons with the new Icon component it would be great to replace all fa-angle-[direction], fa-chevron-[direction] and <IconCaret[direction] components the Icon equivalent

One way to find all the fa-angle- icons would be to search "fa-angle-"

Similar with fa-chevron-

Same with <IconCaret

Technical Details

• Replace all fa-angle-up font awesome icons with <Icon name={ICON_NAMES.ARROW_UP} />
• Replace all fa-angle-right font awesome icons with <Icon name={ICON_NAMES.ARROW_RIGHT} />
• Replace all fa-angle-down font awesome icons with <Icon name={ICON_NAMES.ARROW_DOWN} />
• Replace all fa-angle-left font awesome icons with <Icon name={ICON_NAMES.ARROW_LEFT} />
• Replace all fa-chevron-right font awesome icons with <Icon name={ICON_NAMES.ARROW_RIGHT} />
• Replace all fa-chevron-left font awesome icons with <Icon name={ICON_NAMES.ARROW_LEFT} />
• Replace all <IconCaretLeft font awesome icons with <Icon name={ICON_NAMES.ARROW_LEFT} />
• Replace all <IconCaretRight font awesome icons with <Icon name={ICON_NAMES.ARROW_RIGHT} />
• Replace all <IconCaretUp font awesome icons with <Icon name={ICON_NAMES.ARROW_UP} />
• Replace all <IconCaretDown font awesome icons with <Icon name={ICON_NAMES.ARROW_DOWN} />

Acceptance Criteria

• All fa-angle-[direction] have been replaced with their Icon component equivalent
• All fa-chevron-[direction] have been replaced with their Icon component equivalent
• All <IconCaret[direction] have been replaced with their Icon component equivalent
• PR includes screenshot of before and after of all instances can do it in the code comments if it makes more sense

References

• Icon component documentation in storybook

[spiritanand]

Hey,
Can I work on this issue?

[georgewrmarshall]

Hi @spiritanand, thanks for asking! There is a PR open for this issue #17455 that @imdebamrita is working on. I'll assign it to them. I'll be creating more similar issues today so keep an eye for those 🙏

[georgewrmarshall]

@imdebamrita could you comment on this ticket so I can assign it to you please?

[spiritanand]

@georgewrmarshall how can I contribute to some logical code in metamask?

[georgewrmarshall]

@spiritanand here is a similar issue #17526 you could take on if you're interested! Please comment your interest so I can assign you the issue in the comments section like you did for this issue 🙏

#17526

[Aathirajan]

hey @georgewrmarshall is anyone working on this issue? can i jump right in?

[sammaji]

hey @georgewrmarshall, is this upforgrabs? if yes can i work on this?

[georgewrmarshall]

Looks like @darkwing has scooped this up #17668

[sammaji]

@georgewrmarshall Are there some other similar issues I can work on?

[georgewrmarshall]

Hey @samyabrata-maji, answered you in #17670. Thanks!

[sambhavgupta0705]

Hey @georgewrmarshall are there any similar issues on which I can work?

[NidhiKJha]

Closing this as it's completed in 17787