Right now, AvatarGroup (src/components/shared/high/AvatarGroup) takes in a collection of children that get recomposed and cloned to have proper spacing and size specified by AvatarGroup. We may need to add another capability to the component where an array of objects with names are passed to the AvatarGroup which then gets mapped out onto the child clone and write names to the side.
See an example usage of AvatarGroup under src/components/Student/Dashboard/Journey/Floating.js.
Need to be added:
names: array, an array of names that will be mapped onto the Avatar children's name prop
showNames: boolean, decides whether or not to show names onto the rightside of the component, uses names prop
This can be seen under the Explore Page on the Middle component (also known as FeaturedContent) on the Figma
Right now, AvatarGroup (
src/components/shared/high/AvatarGroup) takes in a collection of children that get recomposed and cloned to have proper spacing and size specified by AvatarGroup. We may need to add another capability to the component where an array of objects with names are passed to theAvatarGroupwhich then gets mapped out onto the child clone and write names to the side.AvatarGroupundersrc/components/Student/Dashboard/Journey/Floating.js.Need to be added:
names:array, an array of names that will be mapped onto theAvatarchildren's name propshowNames:boolean, decides whether or not to show names onto the rightside of the component, usesnamespropExplore Pageon the Middle component (also known asFeaturedContent) on the Figma