Skip to content

Create [RoadMap] component #13

@poroia

Description

@poroia

Create a reusable roadmap component

The emojis will be a svg, so it's mainly creating the header and action button.

image
The exact component can be found under Figma/Student View/Explore Page and Figma/Student View/Module Page. Accordingly, it would probably need an invert prop to account for the two modes in each of the specified views on Figma.

In order to retrieve the SVG, refer to the project README about extracting SVGs from Figma

For now, place this component under src/components/shared/high

This component can be directly created in the Module component (which already has content at the moment, but will need to be eventually reimplemented like in the Figma under Module Page, so ignore the other content for now and create this component below it). This component can be accessed through src/components/Module/Module.js. As shown in App.js, this component/view can be accessed by typing in the url: /modules/:id where :id is equal to any number

Metadata

Metadata

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions