vivy-agent/AnimeTV-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨ feat: add service-down error page

Browse Source
This commit is contained in:
Vivy Bot
2026-02-09 23:08:08 +07:00
parent 48b3dbdab3
commit 5baf988984
12 changed files with 89 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/(safe-mode-page)/status/page.tsx Normal file
View File

@ -0,0 +1,11 @@
import StatusIndex from "@/features/status";
const page = () => {
return (
<div>
<StatusIndex />
</div>
);
};
export default page;

0
app/(clean)/auth/providers/[name]/callback/page.tsx → app/(session)/(clean)/auth/providers/[name]/callback/page.tsx
View File

7
app/(session)/(clean)/down/page.tsx Normal file
View File

@ -0,0 +1,7 @@
import React from "react";
const page = () => {
return <div>page</div>;
};
export default page;

0
app/(main)/home/page.tsx → app/(session)/(main)/home/page.tsx
View File

0
app/(main)/layout.tsx → app/(session)/(main)/layout.tsx
View File

0
app/(main)/page.tsx → app/(session)/(main)/page.tsx
View File

12
app/(session)/layout.tsx Normal file
View File

@ -0,0 +1,12 @@
import AuthSessionProviderWrapper from "@/shared/providers/AuthSession";
import React from "react";
const layout = ({ children }: Readonly<{ children: React.ReactNode }>) => {
return (
<div>
<AuthSessionProviderWrapper>{children}</AuthSessionProviderWrapper>
</div>
);
};
export default layout;

2
app/layout.tsx
View File

@ -30,7 +30,7 @@ export default function RootLayout({
<body <body
className={`${geistSans.variable} ${geistMono.variable} antialiased`} className={`${geistSans.variable} ${geistMono.variable} antialiased`}
> >
<AuthSessionProviderWrapper>{children}</AuthSessionProviderWrapper> {children}
</body> </body>
</html> </html>
); );

32
features/status/index.tsx Normal file
View File

@ -0,0 +1,32 @@
"use client";
import Image from "next/image";
import UnderContruction from "@/shared/assets/under-construction.svg";
const StatusIndex = () => {
return (
<div>
<div className="flex flex-col md:flex-row items-center justify-center text-center md:text-left px-4 pt-12 md:pt-22">
<Image
src={UnderContruction}
alt="Under Construction"
draggable={false}
width={240}
/>
<div className="mt-6 md:mt-0 md:ml-6 lg:ml-12 max-w-md">
<h1 className="text-xl font-semibold">
Service is temporarily unavailable
</h1>
<p className="text-sm text-neutral-300 mt-2">
We're currently experiencing an issue with this service and our team
is working to restore it as quickly as possible. You can still
browse other features while we fix the problem. Please check back in
a few moments. We appreciate your patience.
</p>
</div>
</div>
</div>
);
};
export default StatusIndex;

1
shared/assets/under-construction.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 152 KiB

35
shared/helpers/backendFetch.ts
View File

@ -1,5 +1,6 @@
"use server"; "use server";
import { headers } from "next/headers"; import { headers } from "next/headers";
import { redirect } from "next/navigation";
import { UAParser } from "ua-parser-js"; import { UAParser } from "ua-parser-js";
export interface BackendResponse<T = unknown> { export interface BackendResponse<T = unknown> {
@ -22,22 +23,26 @@ export const backendFetch = async (path: string, options: RequestInit = {}) => {
ip: userIp, ip: userIp,
}; };
const res = await fetch(`${process.env.BACKEND_ENDPOINT}/${path}`, { try {
...options, const res = await fetch(`${process.env.BACKEND_ENDPOINT}/${path}`, {
headers: { ...options,
"Content-Type": "application/json", headers: {
"x-client-info": JSON.stringify(clientInfo), "Content-Type": "application/json",
Authorization: `Bearer ${process.env.BACKEND_API_KEY}`, "x-client-info": JSON.stringify(clientInfo),
...options.headers, Authorization: `Bearer ${process.env.BACKEND_API_KEY}`,
}, ...options.headers,
cache: "default", },
}); cache: "default",
});
const resJson = (await res.json()) as BackendResponse; const resJson = (await res.json()) as BackendResponse;
if (!res.ok || !resJson.success) { if (!res.ok || !resJson.success) {
throw new Error(`Elysia error: ${resJson.error}`); throw new Error(`Elysia error: ${resJson.error}`);
}
return resJson;
} catch (error) {
redirect("/status?reason=backend-unreachable");
} }
return resJson;
}; };

10
shared/widgets/navbar/components/NavigationLink.tsx
View File

@ -15,28 +15,28 @@ const NavigationLink = () => {
<div className="pl-10"> <div className="pl-10">
<NavigationMenu viewport={false}> <NavigationMenu viewport={false}>
<NavigationMenuList className="flex-wrap"> <NavigationMenuList className="flex-wrap">
<NavigationMenuItem> <NavigationMenuItem key={1}>
<NavigationMenuLink asChild> <NavigationMenuLink asChild>
<Link href="/season" className="text-sm"> <Link href="/season" className="text-sm">
Season Season
</Link> </Link>
</NavigationMenuLink> </NavigationMenuLink>
</NavigationMenuItem> </NavigationMenuItem>
<NavigationMenuItem> <NavigationMenuItem key={2}>
<NavigationMenuLink asChild> <NavigationMenuLink asChild>
<Link href="/genres" className="text-sm"> <Link href="/genres" className="text-sm">
Genres Genres
</Link> </Link>
</NavigationMenuLink> </NavigationMenuLink>
</NavigationMenuItem> </NavigationMenuItem>
<NavigationMenuItem> <NavigationMenuItem key={3}>
<NavigationMenuLink asChild> <NavigationMenuLink asChild>
<Link href="/trending" className="text-sm"> <Link href="/trending" className="text-sm">
Trending Trending
</Link> </Link>
</NavigationMenuLink> </NavigationMenuLink>
</NavigationMenuItem> </NavigationMenuItem>
<NavigationMenuItem> <NavigationMenuItem key={4}>
<NavigationMenuTrigger className="font-normal"> <NavigationMenuTrigger className="font-normal">
Media Media
</NavigationMenuTrigger> </NavigationMenuTrigger>
@ -62,7 +62,7 @@ const NavigationLink = () => {
</ul> </ul>
</NavigationMenuContent> </NavigationMenuContent>
</NavigationMenuItem> </NavigationMenuItem>
<NavigationMenuItem> <NavigationMenuItem key={5}>
<NavigationMenuTrigger className="font-normal"> <NavigationMenuTrigger className="font-normal">
Release Release
</NavigationMenuTrigger> </NavigationMenuTrigger>