mormolad / movies-explorer-frontend

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

Функциональность на «React» и JS - Восстановление результатов предыдущего поиска #9

Open mormolad opened 1 year ago

mormolad commented 1 year ago

Восстановление результатов предыдущего поиска на странице всех фильмов Помимо отображения найденных фильмов, нужно сделать так, чтобы результаты уже выполненного запроса не пропадали, а снова отображались пользователю, если он перезагрузил страницу или даже закрыл вкладку, но потом вернулся на сайт. Для этого после поиска фильмов сохраните в localStorage текст запроса, состояние переключателя короткометражек и найденные фильмы. Если пользователь повторно переходит на страницу фильмов, то при монтировании компонента доставайте данные из локального хранилища. В соответствии с этими данными устанавливайте текст в строке поиска, правильное состояние переключателя короткометражек и отображайте на странице ранее найденные фильмы, взятые из хранилища. Обратите внимание, кнопка «Ещё» при отображении ранее найденных фильмов должна продолжать работать корректно. Выстройте работу с локальным хранилищем и стейт-переменной в правильном порядке. При обработке данных хранилища предусмотрите ситуацию, при которой данных в нём может и не быть. Например, по какой-то причине хранилище было очищено или зашёл новый пользователь, который ещё ни разу не искал фильмы. При отсутствии данных в хранилище приложение не должно падать с ошибкой. Также не забудьте при выходе пользователя с сайта вызывать очистку хранилища, иначе другой пользователь зайдёт на сайт и увидит запрос предыдущего пользователя, что не всегда допустимо. Сохранять данные поиска на странице «Сохранённые фильмы» в localStorage не требуется. При переходе пользователя на страницу сохранённых фильмов ему должны быть отображены все его фильмы.