As an authenticated user, I should be able to see the Teams component with all the teams I have created, as well as the teams that were created by other "team owners."
Acceptance Criteria
WHEN the user visits the page
THEN the user will see all of the teams I have within the Team component
AND will also be able to view the teams who were created by another user
Dev Notes
In src/components/PlayerContainer/playerContainer.js import playerData
To get the uid from the logged in user, import AuthData
As soon as the playerContainer renders (once the user is authenticated), the data from Firebase should be available
Use ComponentDidMount() lifecycle method to do so.
Create state for players as an empty array
Pass players as state and map over within return
In src/components/Players/player.js create a standard React setup
Create the bootstrap card to display the information with the appropriate playerShape
Be sure to playerShape from the appropriate file and set the player static propType
In playerContainer.js import player.js at the top of the file
User Story
As an authenticated user, I should be able to see the Teams component with all the teams I have created, as well as the teams that were created by other "team owners."
Acceptance Criteria
WHEN the user visits the page THEN the user will see all of the teams I have within the Team component AND will also be able to view the teams who were created by another user
Dev Notes
In
src/components/PlayerContainer/playerContainer.jsimport playerDataTo get the uid from the logged in user, import AuthData
As soon as the playerContainer renders (once the user is authenticated), the data from Firebase should be available
Create state for players as an empty array
Pass players as state and map over within return
In src/components/Players/player.js create a standard React setup
static propTypeIn playerContainer.js import player.js at the top of the file
Pass Player as a propType
Follow the appropriate styling