Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Implement UserDashboard Component #17

Open
Tracked by #15
bryanwong8 opened this issue May 11, 2020 · 2 comments
Open
Tracked by #15

Implement UserDashboard Component #17

bryanwong8 opened this issue May 11, 2020 · 2 comments
Assignees
Labels
frontend frontend feature
Milestone

Comments

@bryanwong8
Copy link
Contributor

bryanwong8 commented May 11, 2020

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.
@bryanwong8 bryanwong8 added the frontend frontend feature label May 11, 2020
@bryanwong8 bryanwong8 added this to the Week 1 milestone May 11, 2020
@bryanwong8 bryanwong8 mentioned this issue May 11, 2020
3 tasks
@JersinFong
Copy link

Will UserAbout Component include all the things inside this img or just the icon line at the bottom
image
I saw that #16 also has a User component

@bryanwong8
Copy link
Contributor Author

it will include the imge, name, username but not the emojis

@JersinFong JersinFong mentioned this issue May 17, 2020
1 task
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
frontend frontend feature
Projects
None yet
Development

No branches or pull requests

2 participants