Create a module summary component that will be on the Explore and Module pages.
For now, don't worry about its function, though it will be connected to an API eventually.
use AvatarGroup for the avatars. It's located under src/components/shared/high. Regarding the number of contributors, it can be made static for now but in the future, when the component is connected to our API, the AvatarGroup may need a little modification to account for the number of contributors. Since we don't have the API data right now, you can bypass that, but it's on the roadmap. See an example usage for AvatarGroup under src/components/Student/Dashboard/Journey/Floating.js.
The component is under the Explore and Module pages under Student View on the Figma.
For now, place this component under src/components/shared/high
This component can be directly created in the World component. This component can be accessed through src/components/World/World.js. As shown in App.js, this component/view can be accessed by typing in the url: /world/:id where :id is equal to any number
VelForce
commented
4 years ago
Create a module summary component that will be on the
ExploreandModulepages.AvatarGroupfor the avatars. It's located undersrc/components/shared/high. Regarding the number of contributors, it can be made static for now but in the future, when the component is connected to our API, theAvatarGroupmay need a little modification to account for the number of contributors. Since we don't have the API data right now, you can bypass that, but it's on the roadmap. See an example usage forAvatarGroupundersrc/components/Student/Dashboard/Journey/Floating.js.ExploreandModulepages underStudent Viewon the Figma.For now, place this component under
src/components/shared/highThis component can be directly created in the World component. This component can be accessed through
src/components/World/World.js. As shown in App.js, this component/view can be accessed by typing in the url:/world/:idwhere:idis equal to any number