mormolad / movies-explorer-frontend

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

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

Open mormolad opened 10 months ago

mormolad commented 10 months ago

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