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 error messages to user pages

Browse source
This commit is contained in:
Kentai Radiquum 2025-03-20 22:02:49 +05:00
parent f2f03df1a0
commit d16e4d14d4
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
10 changed files with 285 additions and 136 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

96
app/api/utils.ts
View file

@ -4,6 +4,84 @@ export const HEADERS = {
"Content-Type": "application/json; charset=UTF-8", "Content-Type": "application/json; charset=UTF-8",
}; };
// Types for the result object with discriminated union
type Success<T> = {
data: T;
error: null;
};
type Failure<E> = {
data: null;
error: E;
};
type Result<T, E = Error> = Success<T> | Failure<E>;
// Main wrapper function
export async function tryCatch<T, E = Error>(
promise: Promise<T>
): Promise<Result<T, E>> {
try {
const data = await promise;
return { data, error: null };
} catch (error) {
return { data: null, error: error as E };
}
}
export async function tryCatchAPI<T, E = Error>(
promise: Promise<any>
): Promise<Result<any, E>> {
try {
const res: Awaited<Response> = await promise;
if (!res.ok) {
return {
data: null,
error: JSON.stringify({
message: res.statusText,
code: res.status,
}) as E,
};
}
if (
res.headers.get("content-length") &&
Number(res.headers.get("content-length")) == 0
) {
return {
data: null,
error: {
message: "Not Found",
code: 404,
} as E,
};
}
const data: Awaited<any> = await res.json();
if (data.code != 0) {
return {
data: null,
error: {
message: "API Returned an Error",
code: data.code || 500,
} as E,
};
}
return { data, error: null };
} catch (error) {
return { data: null, error: error as E };
}
}
export const useSWRfetcher = async (url: string) => {
const { data, error } = await tryCatchAPI(fetch(url));
if (error) {
throw error;
}
return data;
};
export const fetchDataViaGet = async ( export const fetchDataViaGet = async (
url: string, url: string,
API_V2: string | boolean = false API_V2: string | boolean = false
@ -11,18 +89,14 @@ export const fetchDataViaGet = async (
if (API_V2) { if (API_V2) {
HEADERS["API-Version"] = "v2"; HEADERS["API-Version"] = "v2";
} }
try {
const response = await fetch(url, { const { data, error } = await tryCatchAPI(
fetch(url, {
headers: HEADERS, headers: HEADERS,
}); })
if (response.status !== 200) { );
return null;
} return { data, error };
const data = await response.json();
return data;
} catch (error) {
console.log(error);
}
}; };
export const fetchDataViaPost = async ( export const fetchDataViaPost = async (

66
app/pages/Bookmarks.tsx
View file

@ -2,11 +2,9 @@
import useSWR from "swr"; import useSWR from "swr";
import { ReleaseCourusel } from "#/components/ReleaseCourusel/ReleaseCourusel"; import { ReleaseCourusel } from "#/components/ReleaseCourusel/ReleaseCourusel";
import { Spinner } from "#/components/Spinner/Spinner"; import { Spinner } from "#/components/Spinner/Spinner";
const fetcher = (...args: any) =>
fetch([...args] as any).then((res) => res.json());
import { useUserStore } from "#/store/auth"; import { useUserStore } from "#/store/auth";
import { usePreferencesStore } from "#/store/preferences"; import { usePreferencesStore } from "#/store/preferences";
import { BookmarksList } from "#/api/utils"; import { BookmarksList, useSWRfetcher } from "#/api/utils";
import { ENDPOINTS } from "#/api/config"; import { ENDPOINTS } from "#/api/config";
import { useRouter } from "next/navigation"; import { useRouter } from "next/navigation";
import { useEffect } from "react"; import { useEffect } from "react";
@ -35,7 +33,7 @@ export function BookmarksPage(props: { profile_id?: number }) {
function useFetchReleases(listName: string) { function useFetchReleases(listName: string) {
let url: string; let url: string;
if (preferenceStore.params.skipToCategory.enabled) { if (preferenceStore.params.skipToCategory.enabled) {
return [null]; return [null, null];
} }
if (props.profile_id) { if (props.profile_id) {
@ -50,8 +48,9 @@ export function BookmarksPage(props: { profile_id?: number }) {
} }
// eslint-disable-next-line react-hooks/rules-of-hooks // eslint-disable-next-line react-hooks/rules-of-hooks
const { data } = useSWR(url, fetcher); const { data, error } = useSWR(url, useSWRfetcher);
return [data]; console.log(data, error);
return [data, error];
} }
useEffect(() => { useEffect(() => {
@ -61,11 +60,11 @@ export function BookmarksPage(props: { profile_id?: number }) {
// eslint-disable-next-line react-hooks/exhaustive-deps // eslint-disable-next-line react-hooks/exhaustive-deps
}, [authState, token]); }, [authState, token]);
const [watchingData] = useFetchReleases("watching"); const [watchingData, watchingError] = useFetchReleases("watching");
const [plannedData] = useFetchReleases("planned"); const [plannedData, plannedError] = useFetchReleases("planned");
const [watchedData] = useFetchReleases("watched"); const [watchedData, watchedError] = useFetchReleases("watched");
const [delayedData] = useFetchReleases("delayed"); const [delayedData, delayedError] = useFetchReleases("delayed");
const [abandonedData] = useFetchReleases("abandoned"); const [abandonedData, abandonedError] = useFetchReleases("abandoned");
return ( return (
<> <>
@ -85,9 +84,9 @@ export function BookmarksPage(props: { profile_id?: number }) {
<ReleaseCourusel <ReleaseCourusel
sectionTitle="Смотрю" sectionTitle="Смотрю"
showAllLink={ showAllLink={
!props.profile_id !props.profile_id ?
? "/bookmarks/watching" "/bookmarks/watching"
: `/profile/${props.profile_id}/bookmarks/watching` : `/profile/${props.profile_id}/bookmarks/watching`
} }
content={watchingData.content} content={watchingData.content}
/> />
@ -96,9 +95,9 @@ export function BookmarksPage(props: { profile_id?: number }) {
<ReleaseCourusel <ReleaseCourusel
sectionTitle="В планах" sectionTitle="В планах"
showAllLink={ showAllLink={
!props.profile_id !props.profile_id ? "/bookmarks/planned" : (
? "/bookmarks/planned" `/profile/${props.profile_id}/bookmarks/planned`
: `/profile/${props.profile_id}/bookmarks/planned` )
} }
content={plannedData.content} content={plannedData.content}
/> />
@ -107,9 +106,9 @@ export function BookmarksPage(props: { profile_id?: number }) {
<ReleaseCourusel <ReleaseCourusel
sectionTitle="Просмотрено" sectionTitle="Просмотрено"
showAllLink={ showAllLink={
!props.profile_id !props.profile_id ? "/bookmarks/watched" : (
? "/bookmarks/watched" `/profile/${props.profile_id}/bookmarks/watched`
: `/profile/${props.profile_id}/bookmarks/watched` )
} }
content={watchedData.content} content={watchedData.content}
/> />
@ -118,9 +117,9 @@ export function BookmarksPage(props: { profile_id?: number }) {
<ReleaseCourusel <ReleaseCourusel
sectionTitle="Отложено" sectionTitle="Отложено"
showAllLink={ showAllLink={
!props.profile_id !props.profile_id ? "/bookmarks/delayed" : (
? "/bookmarks/delayed" `/profile/${props.profile_id}/bookmarks/delayed`
: `/profile/${props.profile_id}/bookmarks/delayed` )
} }
content={delayedData.content} content={delayedData.content}
/> />
@ -131,13 +130,28 @@ export function BookmarksPage(props: { profile_id?: number }) {
<ReleaseCourusel <ReleaseCourusel
sectionTitle="Заброшено" sectionTitle="Заброшено"
showAllLink={ showAllLink={
!props.profile_id !props.profile_id ?
? "/bookmarks/abandoned" "/bookmarks/abandoned"
: `/profile/${props.profile_id}/bookmarks/abandoned` : `/profile/${props.profile_id}/bookmarks/abandoned`
} }
content={abandonedData.content} content={abandonedData.content}
/> />
)} )}
{(watchingError ||
plannedError ||
watchedError ||
delayedError ||
abandonedError) && (
<main className="flex items-center justify-center min-h-screen">
<div className="flex flex-col gap-2">
<h1 className="text-2xl font-bold">Ошибка</h1>
<p className="text-lg">
Произошла ошибка при загрузке закладок. Попробуйте обновить
страницу или зайдите позже.
</p>
</div>
</main>
)}
</> </>
); );
} }

97
app/pages/BookmarksCategory.tsx
View file

@ -5,10 +5,10 @@ import { Spinner } from "#/components/Spinner/Spinner";
import { useState, useEffect } from "react"; import { useState, useEffect } from "react";
import { useScrollPosition } from "#/hooks/useScrollPosition"; import { useScrollPosition } from "#/hooks/useScrollPosition";
import { useUserStore } from "../store/auth"; import { useUserStore } from "../store/auth";
import { Dropdown, Button, Tabs } from "flowbite-react"; import { Dropdown, Button } from "flowbite-react";
import { sort } from "./common"; import { sort } from "./common";
import { ENDPOINTS } from "#/api/config"; import { ENDPOINTS } from "#/api/config";
import { BookmarksList } from "#/api/utils"; import { BookmarksList, useSWRfetcher } from "#/api/utils";
import { useRouter } from "next/navigation"; import { useRouter } from "next/navigation";
const DropdownTheme = { const DropdownTheme = {
@ -17,25 +17,10 @@ const DropdownTheme = {
}, },
}; };
const fetcher = async (url: string) => {
const res = await fetch(url);
if (!res.ok) {
const error = new Error(
`An error occurred while fetching the data. status: ${res.status}`
);
error.message = await res.json();
throw error;
}
return res.json();
};
export function BookmarksCategoryPage(props: any) { export function BookmarksCategoryPage(props: any) {
const token = useUserStore((state) => state.token); const token = useUserStore((state) => state.token);
const authState = useUserStore((state) => state.state); const authState = useUserStore((state) => state.state);
const [selectedSort, setSelectedSort] = useState(0); const [selectedSort, setSelectedSort] = useState(0);
const [isLoadingEnd, setIsLoadingEnd] = useState(false);
const [searchVal, setSearchVal] = useState(""); const [searchVal, setSearchVal] = useState("");
const router = useRouter(); const router = useRouter();
@ -61,7 +46,7 @@ export function BookmarksCategoryPage(props: any) {
const { data, error, isLoading, size, setSize } = useSWRInfinite( const { data, error, isLoading, size, setSize } = useSWRInfinite(
getKey, getKey,
fetcher, useSWRfetcher,
{ initialSize: 2 } { initialSize: 2 }
); );
@ -73,7 +58,6 @@ export function BookmarksCategoryPage(props: any) {
allReleases.push(...data[i].content); allReleases.push(...data[i].content);
} }
setContent(allReleases); setContent(allReleases);
setIsLoadingEnd(true);
} }
}, [data]); }, [data]);
@ -92,9 +76,31 @@ export function BookmarksCategoryPage(props: any) {
// eslint-disable-next-line react-hooks/exhaustive-deps // eslint-disable-next-line react-hooks/exhaustive-deps
}, [authState, token]); }, [authState, token]);
if (isLoading) {
return (
<div className="flex flex-col items-center justify-center min-w-full min-h-screen">
<Spinner />
</div>
);
};
if (error) {
return (
<main className="flex items-center justify-center min-h-screen">
<div className="flex flex-col gap-2">
<h1 className="text-2xl font-bold">Ошибка</h1>
<p className="text-lg">
Произошла ошибка при загрузке закладок. Попробуйте обновить страницу
или зайдите позже.
</p>
</div>
</main>
);
}
return ( return (
<> <>
{!props.profile_id ? ( {!props.profile_id ?
<form <form
className="flex-1 max-w-full mx-4" className="flex-1 max-w-full mx-4"
onSubmit={(e) => { onSubmit={(e) => {
@ -143,9 +149,7 @@ export function BookmarksCategoryPage(props: any) {
</button> </button>
</div> </div>
</form> </form>
) : ( : ""}
""
)}
<div className="m-4 overflow-auto"> <div className="m-4 overflow-auto">
<Button.Group> <Button.Group>
<Button <Button
@ -154,9 +158,9 @@ export function BookmarksCategoryPage(props: any) {
color="light" color="light"
onClick={() => onClick={() =>
router.push( router.push(
props.profile_id props.profile_id ?
? `/profile/${props.profile_id}/bookmarks/watching` `/profile/${props.profile_id}/bookmarks/watching`
: "/bookmarks/watching" : "/bookmarks/watching"
) )
} }
> >
@ -168,9 +172,9 @@ export function BookmarksCategoryPage(props: any) {
color="light" color="light"
onClick={() => onClick={() =>
router.push( router.push(
props.profile_id props.profile_id ?
? `/profile/${props.profile_id}/bookmarks/planned` `/profile/${props.profile_id}/bookmarks/planned`
: "/bookmarks/planned" : "/bookmarks/planned"
) )
} }
> >
@ -182,9 +186,9 @@ export function BookmarksCategoryPage(props: any) {
color="light" color="light"
onClick={() => onClick={() =>
router.push( router.push(
props.profile_id props.profile_id ?
? `/profile/${props.profile_id}/bookmarks/watched` `/profile/${props.profile_id}/bookmarks/watched`
: "/bookmarks/watched" : "/bookmarks/watched"
) )
} }
> >
@ -196,9 +200,9 @@ export function BookmarksCategoryPage(props: any) {
color="light" color="light"
onClick={() => onClick={() =>
router.push( router.push(
props.profile_id props.profile_id ?
? `/profile/${props.profile_id}/bookmarks/delayed` `/profile/${props.profile_id}/bookmarks/delayed`
: "/bookmarks/delayed" : "/bookmarks/delayed"
) )
} }
> >
@ -210,9 +214,9 @@ export function BookmarksCategoryPage(props: any) {
color="light" color="light"
onClick={() => onClick={() =>
router.push( router.push(
props.profile_id props.profile_id ?
? `/profile/${props.profile_id}/bookmarks/abandoned` `/profile/${props.profile_id}/bookmarks/abandoned`
: "/bookmarks/abandoned" : "/bookmarks/abandoned"
) )
} }
> >
@ -236,9 +240,9 @@ export function BookmarksCategoryPage(props: any) {
<Dropdown.Item key={index} onClick={() => setSelectedSort(index)}> <Dropdown.Item key={index} onClick={() => setSelectedSort(index)}>
<span <span
className={`w-6 h-6 iconify ${ className={`w-6 h-6 iconify ${
sort.values[index].value.split("_")[1] == "descending" sort.values[index].value.split("_")[1] == "descending" ?
? sort.descendingIcon sort.descendingIcon
: sort.ascendingIcon : sort.ascendingIcon
}`} }`}
></span> ></span>
{item.name} {item.name}
@ -246,20 +250,15 @@ export function BookmarksCategoryPage(props: any) {
))} ))}
</Dropdown> </Dropdown>
</div> </div>
{content && content.length > 0 ? ( {content && content.length > 0 ?
<ReleaseSection content={content} /> <ReleaseSection content={content} />
) : !isLoadingEnd || isLoading ? ( : <div className="flex flex-col items-center justify-center min-w-full gap-4 mt-12 text-xl">
<div className="flex flex-col items-center justify-center min-w-full min-h-screen">
<Spinner />
</div>
) : (
<div className="flex flex-col items-center justify-center min-w-full gap-4 mt-12 text-xl">
<span className="w-24 h-24 iconify-color twemoji--broken-heart"></span> <span className="w-24 h-24 iconify-color twemoji--broken-heart"></span>
<p> <p>
В списке {props.SectionTitleMapping[props.slug]} пока ничего нет... В списке {props.SectionTitleMapping[props.slug]} пока ничего нет...
</p> </p>
</div> </div>
)} }
{data && {data &&
data[data.length - 1].current_page < data[data.length - 1].current_page <
data[data.length - 1].total_page_count && ( data[data.length - 1].total_page_count && (

52
app/pages/Profile.tsx
View file

@ -4,6 +4,7 @@ import { useEffect, useState } from "react";
import { Spinner } from "../components/Spinner/Spinner"; import { Spinner } from "../components/Spinner/Spinner";
import { ENDPOINTS } from "#/api/config"; import { ENDPOINTS } from "#/api/config";
import useSWR from "swr"; import useSWR from "swr";
import { useSWRfetcher } from "#/api/utils";
import { ProfileUser } from "#/components/Profile/Profile.User"; import { ProfileUser } from "#/components/Profile/Profile.User";
import { ProfileBannedBanner } from "#/components/Profile/ProfileBannedBanner"; import { ProfileBannedBanner } from "#/components/Profile/ProfileBannedBanner";
@ -16,20 +17,6 @@ import { ProfileReleaseRatings } from "#/components/Profile/Profile.ReleaseRatin
import { ProfileReleaseHistory } from "#/components/Profile/Profile.ReleaseHistory"; import { ProfileReleaseHistory } from "#/components/Profile/Profile.ReleaseHistory";
import { ProfileEditModal } from "#/components/Profile/Profile.EditModal"; import { ProfileEditModal } from "#/components/Profile/Profile.EditModal";
const fetcher = async (url: string) => {
const res = await fetch(url);
if (!res.ok) {
const error = new Error(
`An error occurred while fetching the data. status: ${res.status}`
);
error.message = await res.json();
throw error;
}
return res.json();
};
export const ProfilePage = (props: any) => { export const ProfilePage = (props: any) => {
const authUser = useUserStore(); const authUser = useUserStore();
const [user, setUser] = useState(null); const [user, setUser] = useState(null);
@ -41,7 +28,7 @@ export const ProfilePage = (props: any) => {
if (authUser.token) { if (authUser.token) {
url += `?token=${authUser.token}`; url += `?token=${authUser.token}`;
} }
const { data } = useSWR(url, fetcher); const { data, error } = useSWR(url, useSWRfetcher);
useEffect(() => { useEffect(() => {
if (data) { if (data) {
@ -50,7 +37,7 @@ export const ProfilePage = (props: any) => {
} }
}, [data]); }, [data]);
if (!user) { if (!user && !error) {
return ( return (
<main className="flex items-center justify-center min-h-screen"> <main className="flex items-center justify-center min-h-screen">
<Spinner /> <Spinner />
@ -58,6 +45,20 @@ export const ProfilePage = (props: any) => {
); );
} }
if (error) {
return (
<main className="flex items-center justify-center min-h-screen">
<div className="flex flex-col gap-2">
<h1 className="text-2xl font-bold">Ошибка</h1>
<p className="text-lg">
Произошла ошибка при загрузке профиля. Попробуйте обновить страницу
или зайдите позже.
</p>
</div>
</main>
);
}
const hasSocials = const hasSocials =
user.vk_page != "" || user.vk_page != "" ||
user.tg_page != "" || user.tg_page != "" ||
@ -157,7 +158,11 @@ export const ProfilePage = (props: any) => {
{!user.is_stats_hidden && ( {!user.is_stats_hidden && (
<div className="flex-col hidden gap-2 xl:flex"> <div className="flex-col hidden gap-2 xl:flex">
{user.votes && user.votes.length > 0 && ( {user.votes && user.votes.length > 0 && (
<ProfileReleaseRatings ratings={user.votes} token={authUser.token} profile_id={user.id} /> <ProfileReleaseRatings
ratings={user.votes}
token={authUser.token}
profile_id={user.id}
/>
)} )}
{user.history && user.history.length > 0 && ( {user.history && user.history.length > 0 && (
<ProfileReleaseHistory history={user.history} /> <ProfileReleaseHistory history={user.history} />
@ -197,7 +202,11 @@ export const ProfilePage = (props: any) => {
<ProfileWatchDynamic watchDynamic={user.watch_dynamics || []} /> <ProfileWatchDynamic watchDynamic={user.watch_dynamics || []} />
<div className="flex flex-col gap-2 xl:hidden"> <div className="flex flex-col gap-2 xl:hidden">
{user.votes && user.votes.length > 0 && ( {user.votes && user.votes.length > 0 && (
<ProfileReleaseRatings ratings={user.votes} token={authUser.token} profile_id={user.id} /> <ProfileReleaseRatings
ratings={user.votes}
token={authUser.token}
profile_id={user.id}
/>
)} )}
{user.history && user.history.length > 0 && ( {user.history && user.history.length > 0 && (
<ProfileReleaseHistory history={user.history} /> <ProfileReleaseHistory history={user.history} />
@ -207,7 +216,12 @@ export const ProfilePage = (props: any) => {
)} )}
</div> </div>
</div> </div>
<ProfileEditModal isOpen={isOpen && isMyProfile} setIsOpen={setIsOpen} token={authUser.token} profile_id={user.id}/> <ProfileEditModal
isOpen={isOpen && isMyProfile}
setIsOpen={setIsOpen}
token={authUser.token}
profile_id={user.id}
/>
</> </>
); );
}; };

15
app/profile/[id]/bookmarks/[slug]/page.tsx
View file

@ -16,19 +16,26 @@ export async function generateMetadata(
parent: ResolvingMetadata parent: ResolvingMetadata
): Promise<Metadata> { ): Promise<Metadata> {
const id: string = params.id; const id: string = params.id;
const profile: any = await fetchDataViaGet( const { data, error } = await fetchDataViaGet(
`https://api.anixart.tv/profile/${id}` `https://api.anixart.tv/profile/${id}`
); );
const previousOG = (await parent).openGraph; const previousOG = (await parent).openGraph;
if (error) {
return {
title: "Ошибка",
description: "Ошибка",
};
};
return { return {
title: SectionTitleMapping[params.slug] + " - " + profile.profile.login, title:"Закладки Пользователя - " + data.profile.login + " - " + SectionTitleMapping[params.slug],
description: profile.profile.status, description: "Закладки Пользователя - " + data.profile.login + " - " + SectionTitleMapping[params.slug],
openGraph: { openGraph: {
...previousOG, ...previousOG,
images: [ images: [
{ {
url: profile.profile.avatar, // Must be an absolute URL url: data.profile.avatar, // Must be an absolute URL
width: 600, width: 600,
height: 600, height: 600,
}, },

19
app/profile/[id]/bookmarks/page.tsx
View file

@ -1,26 +1,33 @@
import { BookmarksPage } from "#/pages/Bookmarks"; import { BookmarksPage } from "#/pages/Bookmarks";
import { fetchDataViaGet } from "#/api/utils"; import { fetchDataViaGet } from "#/api/utils";
import type { Metadata, ResolvingMetadata } from "next"; import type { Metadata, ResolvingMetadata } from "next";
export const dynamic = 'force-static'; export const dynamic = "force-static";
export async function generateMetadata( export async function generateMetadata(
{ params }, { params },
parent: ResolvingMetadata parent: ResolvingMetadata
): Promise<Metadata> { ): Promise<Metadata> {
const id: string = params.id; const id: string = params.id;
const profile: any = await fetchDataViaGet( const { data, error } = await fetchDataViaGet(
`https://api.anixart.tv/profile/${id}` `https://api.anixart.tv/profile/${id}`
); );
const previousOG = (await parent).openGraph; const previousOG = (await parent).openGraph;
if (error) {
return {
title: "Ошибка",
description: "Ошибка",
};
};
return { return {
title: "Закладки - " + profile.profile.login, title: "Закладки Пользователя - " + data.profile.login,
description: profile.profile.status, description: "Закладки Пользователя - " + data.profile.login,
openGraph: { openGraph: {
...previousOG, ...previousOG,
images: [ images: [
{ {
url: profile.profile.avatar, // Must be an absolute URL url: data.profile.avatar, // Must be an absolute URL
width: 600, width: 600,
height: 600, height: 600,
}, },
@ -30,5 +37,5 @@ export async function generateMetadata(
} }
export default function Index({ params }) { export default function Index({ params }) {
return <BookmarksPage profile_id={params.id}/>; return <BookmarksPage profile_id={params.id} />;
} }

40
app/profile/[id]/collections/page.tsx
View file

@ -1,43 +1,65 @@
import { CollectionsFullPage } from "#/pages/CollectionsFull"; import { CollectionsFullPage } from "#/pages/CollectionsFull";
import { fetchDataViaGet } from "#/api/utils"; import { fetchDataViaGet } from "#/api/utils";
import type { Metadata, ResolvingMetadata } from "next"; import type { Metadata, ResolvingMetadata } from "next";
export const dynamic = 'force-static'; export const dynamic = "force-static";
export async function generateMetadata( export async function generateMetadata(
{ params }, { params },
parent: ResolvingMetadata parent: ResolvingMetadata
): Promise<Metadata> { ): Promise<Metadata> {
const id: string = params.id; const id: string = params.id;
const profile: any = await fetchDataViaGet( const { data, error } = await fetchDataViaGet(
`https://api.anixart.tv/profile/${id}` `https://api.anixart.tv/profile/${id}`
); );
const previousOG = (await parent).openGraph; const previousOG = (await parent).openGraph;
if (error) {
return {
title: "Ошибка",
description: "Ошибка",
};
};
return { return {
title: "Коллекции - " + profile.profile.login, title: "Коллекции Пользователя - " + data.profile.login,
description: profile.profile.status, description: "Коллекции Пользователя - " + data.profile.login,
openGraph: { openGraph: {
...previousOG, ...previousOG,
images: [ images: [
{ {
url: profile.profile.avatar, // Must be an absolute URL url: data.profile.avatar, // Must be an absolute URL
width: 600, width: 600,
height: 600, height: 600,
}, },
], ],
}, },
}; };
} };
export default async function Collections({ params }) { export default async function Collections({ params }) {
const profile: any = await fetchDataViaGet( const { data, error } = await fetchDataViaGet(
`https://api.anixart.tv/profile/${params.id}` `https://api.anixart.tv/profile/${params.id}`
); );
if (error) {
return (
<main className="flex items-center justify-center min-h-screen">
<div className="flex flex-col gap-2">
<h1 className="text-2xl font-bold">Ошибка</h1>
<p className="text-lg">
Произошла ошибка при загрузке коллекций пользователя. Попробуйте
обновить страницу или зайдите позже.
</p>
</div>
</main>
);
}
return ( return (
<CollectionsFullPage <CollectionsFullPage
type="profile" type="profile"
title={`Коллекции пользователя ${profile.profile.login}`} title={`Коллекции пользователя: ${data.profile.login}`}
profile_id={params.id} profile_id={params.id}
/> />
); );
} };

17
app/profile/[id]/page.tsx
View file

@ -1,26 +1,33 @@
import { ProfilePage } from "#/pages/Profile"; import { ProfilePage } from "#/pages/Profile";
import { fetchDataViaGet } from "#/api/utils"; import { fetchDataViaGet } from "#/api/utils";
import type { Metadata, ResolvingMetadata } from "next"; import type { Metadata, ResolvingMetadata } from "next";
export const dynamic = 'force-static'; export const dynamic = "force-static";
export async function generateMetadata( export async function generateMetadata(
{ params }, { params },
parent: ResolvingMetadata parent: ResolvingMetadata
): Promise<Metadata> { ): Promise<Metadata> {
const id: string = params.id; const id: string = params.id;
const profile: any = await fetchDataViaGet( const { data, error } = await fetchDataViaGet(
`https://api.anixart.tv/profile/${id}` `https://api.anixart.tv/profile/${id}`
); );
const previousOG = (await parent).openGraph; const previousOG = (await parent).openGraph;
if (error) {
return {
title: "Ошибка",
description: "Ошибка",
};
}
return { return {
title: "Профиль - " + profile.profile.login, title: "Профиль - " + data.profile.login,
description: profile.profile.status, description: data.profile.status,
openGraph: { openGraph: {
...previousOG, ...previousOG,
images: [ images: [
{ {
url: profile.profile.avatar, // Must be an absolute URL url: data.profile.avatar, // Must be an absolute URL
width: 600, width: 600,
height: 600, height: 600,
}, },

10
app/store/auth.ts
View file

@ -44,14 +44,16 @@ export const useUserStore = create<userState>((set, get) => ({
const jwt = getJWT(); const jwt = getJWT();
if (jwt) { if (jwt) {
const _checkAuth = async () => { const _checkAuth = async () => {
const data = await fetchDataViaGet( const { data, error } = await fetchDataViaGet(
`${ENDPOINTS.user.profile}/${jwt.user_id}?token=${jwt.jwt}` `${ENDPOINTS.user.profile}/${jwt.user_id}?token=${jwt.jwt}`
); );
if (data && data.is_my_profile) {
get().login(data.profile, jwt.jwt); if (error || !data.is_my_profile) {
} else {
get().logout(); get().logout();
return;
} }
get().login(data.profile, jwt.jwt);
}; };
_checkAuth(); _checkAuth();
} else { } else {

9
middleware.ts
View file

@ -18,10 +18,13 @@ export default async function middleware(
} }
let path = url.pathname.match(/\/api\/proxy\/(.*)/)?.[1] + url.search; let path = url.pathname.match(/\/api\/proxy\/(.*)/)?.[1] + url.search;
const data = await fetchDataViaGet(`${API_URL}/${path}`, isApiV2); const { data, error } = await fetchDataViaGet(
`${API_URL}/${path}`,
isApiV2
);
if (!data) { if (error) {
return new Response(JSON.stringify({ message: "Error Fetching Data" }), { return new Response(JSON.stringify(error), {
status: 500, status: 500,
headers: { headers: {
"Content-Type": "application/json", "Content-Type": "application/json",