Implement UserDashboard Component
bryanwong8 opened this issue · comments
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
- Toggle Tab
- FollowerList
Component Details
- For the ArticleList, this will be blocked off until #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 #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.
Will UserAbout Component include all the things inside this img or just the icon line at the bottom
I saw that #16 also has a User component
it will include the imge, name, username but not the emojis