Page Comparison

...

• Get the icon as SVG from Figma

• Put SVG code in https://react-svgr.com/playground/ and get the JSX result that will be used on the Whitelabel code

• The icon should be in src/components/icons

  • Create a new folder for the new icon with a semantic name

  • Example of an icon: icons/book/index.js

    • We need to pass the props to the icon like in this example. The desired result is to have a black icon. The responsibility of setting the color will be where the icon is used

  • Add the new icon in /src/components/icons/icons.stories.tsx

• The icon for QR Code should use the black from DS

• All colors should be from DS

DOD-LIKE

• The icon is generic and black

• Dev is able to pass the desired color when using the icon (through styled component, etc)

...