Страница с сохранёнными фильмами
В шапке сайта есть кнопка «Сохранённые фильмы». Она ведёт на отдельную страницу.
image
Страница «Сохранённые фильмы».
Сверху, под шапкой, отображается форма поиска, аналогичная форме на главной странице. Но между собой эти формы не должны быть связаны. То есть параметры фильтров со страницы всех фильмов не должны применяться при переходе к странице сохранённых фильмов.
При вводе данных в эту форму и её отправке — запрос к серверу не отправляется. Поиск происходит по фильмам, которые пользователь сохранил. Их вы уже получили при монтировании компонента этой страницы и выполнении соответствующего запроса к роуту /movies вашего API.
Внизу страницы «Сохранённые фильмы» располагаются карточки. Кнопки «Ещё» в этом блоке нет. Принцип отрисовки карточек на страницу такой же, как и на главной странице. А внешне каждая карточка похожа на результаты поиска фильмов, но есть одно отличие: рядом с заголовком расположена иконка удаления карточки. Клик по ней удаляет карточку из сохранённых, отправляя запрос на /movies/movieID нашего API.
Если пользователь возвращается на страницу «Фильмы», то уже сохранённые им фильмы в блоке результатов должны иметь активную иконку лайка. Клик по ней на этой странице также удаляет фильм из сохранённых.
Чтобы получить данные о сохранённых карточках, отправляйте GET-запрос к /movies нашего API.
Если неавторизованный пользователь по прямой ссылке попытается попасть на страницу «Сохранённые фильмы», «Фильмы», «Аккаунт» — должен произойти редирект на главную страницу. Для этого используйте HOC-компонент ProtectedRoute.
Страница с сохранёнными фильмами В шапке сайта есть кнопка «Сохранённые фильмы». Она ведёт на отдельную страницу. image Страница «Сохранённые фильмы». Сверху, под шапкой, отображается форма поиска, аналогичная форме на главной странице. Но между собой эти формы не должны быть связаны. То есть параметры фильтров со страницы всех фильмов не должны применяться при переходе к странице сохранённых фильмов. При вводе данных в эту форму и её отправке — запрос к серверу не отправляется. Поиск происходит по фильмам, которые пользователь сохранил. Их вы уже получили при монтировании компонента этой страницы и выполнении соответствующего запроса к роуту /movies вашего API. Внизу страницы «Сохранённые фильмы» располагаются карточки. Кнопки «Ещё» в этом блоке нет. Принцип отрисовки карточек на страницу такой же, как и на главной странице. А внешне каждая карточка похожа на результаты поиска фильмов, но есть одно отличие: рядом с заголовком расположена иконка удаления карточки. Клик по ней удаляет карточку из сохранённых, отправляя запрос на /movies/movieID нашего API. Если пользователь возвращается на страницу «Фильмы», то уже сохранённые им фильмы в блоке результатов должны иметь активную иконку лайка. Клик по ней на этой странице также удаляет фильм из сохранённых. Чтобы получить данные о сохранённых карточках, отправляйте GET-запрос к /movies нашего API. Если неавторизованный пользователь по прямой ссылке попытается попасть на страницу «Сохранённые фильмы», «Фильмы», «Аккаунт» — должен произойти редирект на главную страницу. Для этого используйте HOC-компонент ProtectedRoute.