This PR focuses on populating the right sidebar with the list of the current user's friends. The user can click the dropdown to toggle whether to display the entire list of friends or not.
Breakdown
Fetch UserFriends in App.jsx to pass down to the components, including the update method
Updates the state (and the sidebar) when the user adds or removes friends on the SearchListPage or the ClubPage
Used material AvatarIcons to display the user's profile picture in the tab
Screenshot of Feature
This demo represents the workflow of adding friends on the SearchUserList and the ClubPage.
Description
This PR focuses on populating the right sidebar with the list of the current user's friends. The user can click the dropdown to toggle whether to display the entire list of friends or not.
Breakdown
Screenshot of Feature
This demo represents the workflow of adding friends on the SearchUserList and the ClubPage.
Friends sidebar on the ClubPage.
Friends sidebar on the SearchUserList.