mormolad / movies-explorer-frontend

https://movies-explorer-frontend-five-delta.vercel.app
1 stars 0 forks source link

Функциональность на «React» и JS - Карточка #18

Open mormolad opened 1 year ago

mormolad commented 1 year ago

Карточка Такие данные карточки мы получаем в ответе BeatfilmMoviesApi: название фильма на русском языке находится в свойстве nameRU; изображение — в image.url;

Изображения приходят с сервера с относительным, а не абсолютным URL. Не забудьте добавить к ним URL сервера — https://api.nomoreparties.co/. ссылка на трейлер — в trailerLink; длительность фильма рассчитывается на основе поля duration и должна отображаться в часах и минутах. Рядом с заголовком есть иконка лайка. Если пользователь лайкнул фильм — иконка отображается в активном состоянии с заливкой. При повторном нажатии — иконка остаётся без заливки. image Активное и обычное состояние иконки «Лайк» Клик по иконке без заливки должен отправлять запрос к /movies нашего API на сохранение фильма. Клик по иконке с заливкой — запрос на удаление. Добавленный фильм будет отображаться на странице сохранённых фильмов. При удалении фильм отображаться не будет. При сохранении и удалении фильма заливка иконки должна изменяться.