Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-04-06 00:04:39 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add release to collection toast

Browse source
This commit is contained in:
Kentai Radiquum 2025-03-21 01:46:48 +05:00
parent 3aa71acad5
commit 75ab5e1901
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
3 changed files with 58 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
app/api/utils.ts
View file

@ -34,15 +34,15 @@ export async function tryCatchAPI<T, E = Error>(
): Promise<Result<any, any>> { ): Promise<Result<any, any>> {
try { try {
const res: Awaited<Response> = await promise; const res: Awaited<Response> = await promise;
if (!res.ok) { // if (!res.ok) {
return { // return {
data: null, // data: null,
error: { // error: {
message: res.statusText, // message: res.statusText,
code: res.status, // code: res.status,
}, // },
}; // };
} // }
if ( if (
res.headers.get("content-length") && res.headers.get("content-length") &&

69
app/components/ReleaseInfo/ReleaseInfo.UserList.tsx
View file

@ -222,6 +222,7 @@ const AddReleaseToCollectionModal = (props: {
if (previousPageData && !previousPageData.content.length) return null; if (previousPageData && !previousPageData.content.length) return null;
return `${ENDPOINTS.collection.userCollections}/${props.profile_id}/${pageIndex}?token=${props.token}`; return `${ENDPOINTS.collection.userCollections}/${props.profile_id}/${pageIndex}?token=${props.token}`;
}; };
const theme = useThemeMode();
const { data, error, isLoading, size, setSize } = useSWRInfinite( const { data, error, isLoading, size, setSize } = useSWRInfinite(
getKey, getKey,
@ -260,27 +261,53 @@ const AddReleaseToCollectionModal = (props: {
// eslint-disable-next-line react-hooks/exhaustive-deps // eslint-disable-next-line react-hooks/exhaustive-deps
}, [scrollPosition]); }, [scrollPosition]);
function _addToCollection(collection_id: number) { function _addToCollection(collection: any) {
if (props.token) { async function _ToCollection(url: string) {
fetch( const tid = toast.loading(
`${ENDPOINTS.collection.addRelease}/${collection_id}?release_id=${props.release_id}&token=${props.token}` `Добавление в коллекцию ${collection.title}... `,
) {
.then((res) => { position: "bottom-center",
if (!res.ok) { hideProgressBar: true,
alert("Ошибка добавления релиза в коллекцию."); closeOnClick: false,
} else { pauseOnHover: false,
return res.json(); draggable: false,
} theme: theme.mode == "light" ? "light" : "dark",
}) }
.then((data) => { );
if (data.code != 0) { const { data, error } = await tryCatchAPI(fetch(url));
alert(
"Не удалось добавить релиз в коллекцию, возможно он уже в ней находится." if (error) {
); let message = `${error.message}, code: ${error.code}`;
} else { if (error.code == 5) {
props.setIsOpen(false); message = "Релиз уже есть в коллекции";
} }
toast.update(tid, {
render: message,
type: "error",
autoClose: 2500,
isLoading: false,
closeOnClick: true,
draggable: true,
theme: theme.mode == "light" ? "light" : "dark",
}); });
return;
}
toast.update(tid, {
render: "Релиз добавлен в коллекцию",
type: "success",
autoClose: 2500,
isLoading: false,
closeOnClick: true,
draggable: true,
theme: theme.mode == "light" ? "light" : "dark",
});
}
if (props.token) {
_ToCollection(
`${ENDPOINTS.collection.addRelease}/${collection.id}?release_id=${props.release_id}&token=${props.token}`
);
} }
} }
@ -304,7 +331,7 @@ const AddReleaseToCollectionModal = (props: {
backgroundImage: `linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.9) 100%), url(${collection.image})`, backgroundImage: `linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.9) 100%), url(${collection.image})`,
}} }}
key={`collection_${collection.id}`} key={`collection_${collection.id}`}
onClick={() => _addToCollection(collection.id)} onClick={() => _addToCollection(collection)}
> >
<div className="absolute bottom-0 left-0 gap-1 p-2"> <div className="absolute bottom-0 left-0 gap-1 p-2">
<p className="text-xl font-bold text-white"> <p className="text-xl font-bold text-white">

2
app/pages/CreateCollection.tsx
View file

@ -177,7 +177,7 @@ export const CreateCollectionPage = () => {
); );
if (error) { if (error) {
let message = error.message; let message = `${error.message}, code: ${error.code}`;
if (error.code == 5) { if (error.code == 5) {
message = message =
"Вы превысили допустимый еженедельный лимит создания коллекций"; "Вы превысили допустимый еженедельный лимит создания коллекций";