Giters

bitprj / bit

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Create Tag, User and TagSummary Component

bryanwong8 opened this issue · comments

commented

Is your feature request related to a problem? Please describe.
Implement the User, Tag and TagSummary components

Describe the solution you'd like

  • Create User Component
  • Create Tag Component
  • Create TagSummary Component
  • Pull Tags from backend

Figma Design
Explore page. https://www.figma.com/file/pyXHrfSlr2xx3xunNXjcpx/New-UI?node-id=2694%3A727

  • User Component

Screen Shot 2020-05-11 at 12 34 14 PM

Screen Shot 2020-05-11 at 12 34 09 PM

  • Tag Component

Screen Shot 2020-05-11 at 12 51 20 PM

Screen Shot 2020-05-11 at 12 51 24 PM

  • Tag Summary

Screen Shot 2020-05-11 at 2 46 59 PM

Component Details

  • User Component should be adjusted to accept different children. From the Figma design, the children under the User's name is different. Create the component in src/components/shared/low.
  • Tags should be pull from the backend and should display the name and the emoji. Create a Tag folder in src/components/shared and create the Tag.js file in there
  • You should be pulling data from the backend, /api/tags/<int:tag_id>. Create the TagSummary component in src/components/shared/Tags
  • Should create a TagList Component in the src/components/shared/containers to display the list of Tags since this would be reused a lot.