diff --git a/app/components/Discovery/Modal/FiltersModal.tsx b/app/components/Discovery/Modal/FiltersModal.tsx index c5610bc..38acba5 100644 --- a/app/components/Discovery/Modal/FiltersModal.tsx +++ b/app/components/Discovery/Modal/FiltersModal.tsx @@ -5,9 +5,15 @@ import { FilterCategoryIdToString, FilterCountry, FilterDefault, + FilterEpisodeCount, + FilterEpisodeDuration, FilterProfileListIdToString, + FilterSeasonIdToString, + FilterSortToString, FilterSource, + FilterStatusIdToString, FilterStudio, + FilterYear, } from "#/api/utils"; import { Button, @@ -224,6 +230,250 @@ export const FiltersModal = ({ isOpen, setIsOpen, filter }: ModalProps) => { })} +
+

Года

+
+

С

+ + + setNewFilter({ ...newFilter, start_year: null }) + } + > + Неважно + + {FilterYear.map((value) => { + return ( + + setNewFilter({ + ...newFilter, + start_year: value, + }) + } + > + {value} + + ); + })} + +

По

+ + + setNewFilter({ ...newFilter, end_year: null }) + } + > + Неважно + + {FilterYear.map((value) => { + return ( + + setNewFilter({ + ...newFilter, + end_year: value, + }) + } + > + {value} + + ); + })} + +

Сезон

+ + setNewFilter({ ...newFilter, season: null })} + > + Неважно + + {Object.entries(FilterSeasonIdToString).map( + ([key, value]) => { + return ( + + setNewFilter({ + ...newFilter, + season: Number(key), + }) + } + > + {value} + + ); + } + )} + +
+
+
+
+
+

Эпизодов

+ + episode.episodes_from === newFilter.episodes_from && + episode.episodes_to === newFilter.episodes_to + ).name + } + color="blue" + className="w-full overflow-y-auto max-h-64" + > + {FilterEpisodeCount.map((value) => { + return ( + + setNewFilter({ + ...newFilter, + episodes_from: value.episodes_from, + episodes_to: value.episodes_to, + }) + } + > + {value.name} + + ); + })} + +
+
+

Длительность эпизода

+ + episode.episode_duration_from === + newFilter.episode_duration_from && + episode.episode_duration_to === + newFilter.episode_duration_to + ).name + } + color="blue" + className="w-full overflow-y-auto max-h-64" + > + {FilterEpisodeDuration.map((value) => { + return ( + + setNewFilter({ + ...newFilter, + episode_duration_from: + value.episode_duration_from, + episode_duration_to: value.episode_duration_to, + }) + } + > + {value.name} + + ); + })} + +
+
+

Статус

+ + + setNewFilter({ ...newFilter, status_id: null }) + } + > + Неважно + + {Object.entries(FilterStatusIdToString).map( + ([key, value]) => { + return ( + + setNewFilter({ + ...newFilter, + status_id: Number(key), + }) + } + > + {value} + + ); + } + )} + +
+
+
+
+

Возрастное ограничение

+ +
+
+

Сортировка

+ + {Object.entries(FilterSortToString).map(([key, value]) => { + return ( + + setNewFilter({ + ...newFilter, + sort: Number(key), + }) + } + > + {value} + + ); + })} + +