...
Task 1 - Create feature flag
Task 2 - Add new icons
Some icons we have in storybook, so just need to import. https://ctg-components-library.rbictg.com/?path=/story/theme-icon--icons
But new icons we need to add in the repository ctg-components-library.
Add the new icons in storybook too.
Task 3 - Create a new component for icon
...
Each item of menu are compost by component ArrowLink
src/components/arrow-link/arrow-link.tsx
On the component ArrowLink
we can add two new props, because this component is used in others locals, so we need to create a new component for icons, we don’t change the ArrowLink
because this component is used in other localswill to add “customIcon" and “nameIcon" props and these props are optional. And in the component for account/index we add these props, "customIcon“ with the value of flag created in the task 1 and name icon with name of icon in component-library. Case true the prop is true and show the new icon.
We need to restructure the component ArrowLink
for case is true show new icon and case false not changed the layout.
Attention, because the font label, color of label and icons changed and now the colors changed according to brand. (look figma) - The colors used have in file primitives.ts, for intl-whitelabel and ctg-components-library.
...