diff --git a/src/features/HeaderFilters/components/DateFilter/hooks/index.tsx b/src/features/HeaderFilters/components/DateFilter/hooks/index.tsx index aba9e657..a748e96e 100644 --- a/src/features/HeaderFilters/components/DateFilter/hooks/index.tsx +++ b/src/features/HeaderFilters/components/DateFilter/hooks/index.tsx @@ -20,6 +20,7 @@ export const useDateFilter = () => { setSelectedDate, setSelectedFilters, setSelectedLeague, + setSelectTournament, } = useHeaderFiltersStore() const { lang } = useLexicsStore() @@ -37,11 +38,22 @@ export const useDateFilter = () => { date: selectedDate, lang, }) + const filters = localStorage.getItem('filters') + const parseFilters = filters && JSON.parse(filters) + const lastDate = parseFilters?.selectedDate useEffect(() => { - setIsShowTournament(true) - setSelectedFilters([]) - setSelectedLeague(['all_competitions']) + if (lastDate === selectedDate.toISOString() + && parseFilters + && parseFilters.selectedLeague[0] !== 'all_competitions') { + setIsShowTournament(false) + setSelectedLeague(parseFilters.selectedLeague) + setSelectTournament(parseFilters.selectTournament) + } else { + setIsShowTournament(true) + setSelectedFilters([]) + setSelectedLeague(['all_competitions']) + } // eslint-disable-next-line react-hooks/exhaustive-deps }, [selectedDate]) diff --git a/src/features/HeaderFilters/store/hooks/index.tsx b/src/features/HeaderFilters/store/hooks/index.tsx index e0b50255..6bdfcdbf 100644 --- a/src/features/HeaderFilters/store/hooks/index.tsx +++ b/src/features/HeaderFilters/store/hooks/index.tsx @@ -36,6 +36,14 @@ export const useFilters = () => { const resetFilters = useCallback(() => { setSelectedDate(new Date()) }, [setSelectedDate]) + useEffect(() => { + localStorage.setItem('filters', JSON.stringify({ + selectTournament, + selectedDate, + selectedLeague, + })) + // eslint-disable-next-line + }, [selectTournament]) useEffect(() => { if (!search) {