+
-
+
-
+
-
- {data && data[0].related &&
}
- {content ?
- content.length > 0 ?
- <>
- {where == "collections" ?
-
- : where == "profiles" ?
-
- :
- }
-
- :
-
-
Странно, аниме не найдено, попробуйте другой запрос...
-
- : isLoading && (
-
-
-
- )
- }
- {!content && !isLoading && !query && (
-
-
-
Введите ваш запрос что-бы найти любимый тайтл
-
- )}
-
- {(
- data &&
- data.length > 1 &&
- (where == "releases" ?
- data[data.length - 1].releases.length == 25
- : data[data.length - 1].content.length == 25)
- ) ?
-
- : ""}
+
+
query: {query}
+
params: {JSON.stringify(params)}
{}}
+ params={params}
+ setParams={setParams}
/>
-
+
);
}
const FiltersModal = (props: {
isOpen: boolean;
setIsOpen: any;
- where: string;
- setWhere: any;
- list: string;
- setList: any;
isAuth: boolean;
- searchBy: string;
- setSearchBy: any;
setContent: any;
+ params: any;
+ setParams: any;
}) => {
- const router = useRouter();
- const [where, setWhere] = useState(props.where);
- const [list, setList] = useState(props.list);
- const [searchBy, setSearchBy] = useState(props.searchBy);
-
- function _cancel() {
- setWhere(props.where);
- setList(props.list);
- setSearchBy(props.searchBy);
- props.setIsOpen(false);
- }
-
- function _accept() {
- const Params = new URLSearchParams(window.location.search);
-
- if (props.where != where) {
- Params.set("where", where);
- props.setWhere(where);
- }
-
- if (where == "list") {
- Params.set("list", list);
- props.setList(list);
- } else {
- Params.delete("list");
- }
-
- if (!["profiles", "collections"].includes(where)) {
- Params.set("searchBy", searchBy);
- props.setSearchBy(searchBy);
- } else {
- Params.delete("searchBy");
- props.setSearchBy("name");
- }
-
- props.setContent(null);
-
- const url = new URL(`/search?${Params.toString()}`, window.location.origin);
- router.push(url.toString());
- }
+ if (!props.params) return <>;
return (
-
_cancel()}>
+ props.setIsOpen(false)}>
Фильтры
-
-
-
Искать в
-
- {Object.keys(WhereMapping).map((item) => {
- if (
- ["list", "history", "collections", "favorites"].includes(
- item
- ) &&
- !props.isAuth
- ) {
- return <>;
- } else {
- return (
- setWhere(item)}
- key={`where--${item}`}
+
+
+
Искать в
+
item.id == props.params.where).label
+ }
+ color="blue"
+ >
+ {whereMapping.map((item) => {
+ return item.auth && !props.isAuth ?
+ <>
+ :
+ searchByMapping[item.id] ?
+ props.setParams({
+ where: item.id,
+ searchBy: searchByMapping[item.id][0].id,
+ })
+ : props.setParams({ where: item.id, searchBy: "none" })
+ }
+ key={`where--${item.id}`}
>
- {WhereMapping[item]}
-
- );
- }
+ {item.label}
+ ;
})}
+ {searchByMapping[props.params.where] ?
+
+
Искать по
+
item.id == props.params.searchBy
+ ).label
+ }
+ color="blue"
+ >
+ {searchByMapping[props.params.where].map((item) => {
+ return (
+
+ props.setParams({
+ where: props.params.where,
+ searchBy: item.id,
+ })
+ }
+ key={`searchBy--${item.id}`}
+ >
+ {item.label}
+
+ );
+ })}
+
+
+ : <>}
-
-
Список
-
- {Object.keys(ListsMapping).map((item) => {
- return (
- setList(item)}
- key={`list--${item}`}
- >
- {ListsMapping[item].name}
-
- );
- })}
-
-
-
-
-
Искать по
-
- {Object.keys(TagMapping).map((item) => {
- return (
- setSearchBy(item)}
- key={`tag--${item}`}
- >
- {TagMapping[item].name}
-
- );
- })}
-
-
-
-
-
-
-
+
);
};
+
+// import useSWRInfinite from "swr/infinite";
+// import { ReleaseSection } from "#/components/ReleaseSection/ReleaseSection";
+// import { RelatedSection } from "#/components/RelatedSection/RelatedSection";
+// import { Spinner } from "#/components/Spinner/Spinner";
+// import { useScrollPosition } from "#/hooks/useScrollPosition";
+// import { useUserStore } from "../store/auth";
+// import { Button, Dropdown, DropdownItem, Modal, ModalBody, ModalFooter, ModalHeader } from "flowbite-react";
+// import { CollectionsSection } from "#/components/CollectionsSection/CollectionsSection";
+// import { UserSection } from "#/components/UserSection/UserSection";
+// import { useSWRfetcher } from "#/api/utils";
+
+// export function SearchPage() {
+// const router = useRouter();
+
+// const [searchVal, setSearchVal] = useState(searchParams.get("q") || "");
+// const [where, setWhere] = useState(searchParams.get("where") || "releases");
+
+// const [list, setList] = useState(searchParams.get("list") || "watching");
+// const [filtersModalOpen, setFiltersModalOpen] = useState(false);
+
+//
+
+// const getKey = (pageIndex: number, previousPageData: any) => {
+// if (where == "releases") {
+// if (previousPageData && !previousPageData.releases.length) return null;
+// } else {
+// if (previousPageData && !previousPageData.content.length) return null;
+// }
+
+// const url = new URL("/api/search", window.location.origin);
+// url.searchParams.set("page", pageIndex.toString());
+
+// if (userStore.token) {
+// url.searchParams.set("token", userStore.token);
+// }
+
+// if (where) {
+// url.searchParams.set("where", where);
+// }
+
+// if (where == "list" && list && ListsMapping.hasOwnProperty(list)) {
+// url.searchParams.set("list", ListsMapping[list].id);
+// }
+
+// url.searchParams.set("searchBy", TagMapping[searchBy].id);
+
+// if (query) {
+// url.searchParams.set("q", query);
+// return url.toString();
+// }
+// return;
+// };
+
+// const { data, error, isLoading, size, setSize } = useSWRInfinite(
+// getKey,
+// useSWRfetcher,
+// { initialSize: 2, revalidateFirstPage: false }
+// );
+
+// const [content, setContent] = useState(null);
+// useEffect(() => {
+// if (data) {
+// let allReleases = [];
+// if (where == "releases") {
+// for (let i = 0; i < data.length; i++) {
+// allReleases.push(...data[i].releases);
+// }
+// } else {
+// for (let i = 0; i < data.length; i++) {
+// allReleases.push(...data[i].content);
+// }
+// }
+// setContent(allReleases);
+// }
+// // eslint-disable-next-line react-hooks/exhaustive-deps
+// }, [data]);
+
+// const scrollPosition = useScrollPosition();
+// useEffect(() => {
+// if (scrollPosition >= 98 && scrollPosition <= 99) {
+// setSize(size + 1);
+// }
+// // eslint-disable-next-line react-hooks/exhaustive-deps
+// }, [scrollPosition]);
+
+// function _executeSearch(value: string) {
+// const Params = new URLSearchParams(window.location.search);
+// Params.set("q", value);
+// const url = new URL(`/search?${Params.toString()}`, window.location.origin);
+// setContent(null);
+// setQuery(value);
+// router.push(url.toString());
+// }
+
+// useEffect(() => {
+// if (searchVal && searchVal.length % 4 == 1) {
+// _executeSearch(searchVal.trim());
+// }
+// // eslint-disable-next-line react-hooks/exhaustive-deps
+// }, [searchVal]);
+
+// if (error)
+// return (
+//
+//
+//
Ошибка
+//
+// Произошла ошибка поиска. Попробуйте обновить страницу или зайдите
+// позже.
+//
+//
+//
+//
+//
+//
+// {data && data[0].related &&
}
+// {content ?
+// content.length > 0 ?
+// <>
+// {where == "collections" ?
+//
+// : where == "profiles" ?
+//
+// :
+// }
+//
+// :
+//
+//
Странно, аниме не найдено, попробуйте другой запрос...
+//
+// : isLoading && (
+//
+//
+//
+// )
+// }
+// {!content && !isLoading && !query && (
+//
+//
+//
Введите ваш запрос что-бы найти любимый тайтл
+//
+// )}
+//
+//
+//
Искать в
+//
+// {Object.keys(WhereMapping).map((item) => {
+// if (
+// ["list", "history", "collections", "favorites"].includes(
+// item
+// ) &&
+// !props.isAuth
+// ) {
+// return <>;
+// } else {
+// return (
+// setWhere(item)}
+// key={`where--${item}`}
+// >
+// {WhereMapping[item]}
+//
+// );
+// }
+// })}
+//
+//
+//
+//
+//
Список
+//
+// {Object.keys(ListsMapping).map((item) => {
+// return (
+// setList(item)}
+// key={`list--${item}`}
+// >
+// {ListsMapping[item].name}
+//
+// );
+// })}
+//
+//
+//
+//
+//
Искать по
+//
+// {Object.keys(TagMapping).map((item) => {
+// return (
+// setSearchBy(item)}
+// key={`tag--${item}`}
+// >
+// {TagMapping[item].name}
+//
+// );
+// })}
+//
+//
+//
+//
+//
+//
+//
+//
+// );
+// };