Create a useState which tracks the state of listLayout.
Create buttons which change the state of listLayouts.
Depending on the state, conditional rendering of Movie Component or MovieGrid Component.
Add this functionality to my-watchlist and my-watched page.
Adapt the styling with Styled Components.
Create a
useState
which tracks the state oflistLayout
. Createbuttons
which change the state oflistLayouts
. Depending on the state, conditional rendering ofMovie
Component orMovieGrid
Component. Add this functionality tomy-watchlist
andmy-watched
page. Adapt the styling withStyled Components
.