Skip to content

Implement UserDashboard Component #17

@bryanwong8

Description

@bryanwong8

Is your feature request related to a problem? Please describe.
We need to have a user dashboard so that people can keep track of the Articles and Followers that they have.

Describe the solution you'd like

  • Create a UserAbout component to display info about the user
  • Create a FollowerList to display the all the Followers and Followings that a user has
  • Implement the ArticleList to display all the Articles that the User has created/drafted.

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

  • User Component

Screen Shot 2020-05-11 at 3 04 43 PM

  • Toggle Tab

Screen Shot 2020-05-11 at 3 04 46 PM

  • FollowerList

Screen Shot 2020-05-11 at 3 14 50 PM

Component Details

  • For the ArticleList, this will be blocked off until Create Article Component #11 is completed
  • Create the FollowerList component to display Followers and Folllowing. Should be using the button component from /src/components/shared/low. Should also use the User Component from Create Tag, User and TagSummary Component #16 to implement the FollowingList. Might be blocked at the time of doing this.
  • Create a Tab folder in /src/components/shared. Create a Tab component to have a name and an active field. If the tab is active then it should be highlighted white. Otherwise it should be gray.
  • Should create ToggleTab Component should be created in /src/components/shared/Tab. It should take in Tab components as children.

Metadata

Metadata

Assignees

Labels

frontendfrontend feature

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions