PJSalter
commented
2 years ago - Created a handle click function.
- Make a key-value array from the avatars object.
- For each key-value pair, split into variables avatar_name and avatar_file.
- Render a new StyledListItem component with an Image component for each pair.
- place an onClick within a button for every click, an avatar will be selected
- calling the function for setAvatar to select the avatar name once learner handles that click.
- attaching the key indexes
- sending the component for avatar and for the LearnerOnboardingLayout for app.js so that it render on every page.
- if the avatar equals to the local storage avatar then select that specific avatar, else empty.
- placing avatar inside progress bar.
netlify[bot]