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
No fields configured for issues without a type.

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions