38 lines
1.3 KiB
TypeScript
38 lines
1.3 KiB
TypeScript
import { ContentContainer, Page } from "@/components/layouts";
|
|
import { Button } from "@/components/ui/button";
|
|
import { Separator } from "@/components/ui/separator";
|
|
import { Footer } from "@/components/utils/Footer";
|
|
import { NavBar } from "@/components/utils/NavBar";
|
|
import { fontFangZhengXiaoBiaoSongCN, fontSourceSerifScreenCN } from "@/styles/font";
|
|
import { MdOutlineDangerous } from "react-icons/md";
|
|
|
|
export default function ServerErrorPage() {
|
|
const handleGoBack = () => {
|
|
if (window == null) return;
|
|
window.history.back();
|
|
};
|
|
return (
|
|
<Page>
|
|
<NavBar />
|
|
<ContentContainer>
|
|
<h2 className={`my-5 flex justify-center text-2xl font-bold ${fontFangZhengXiaoBiaoSongCN.className}`}>
|
|
{"INVALID OPERATION"}
|
|
</h2>
|
|
<Separator />
|
|
<div className="my-5 flex flex-col justify-center">
|
|
<MdOutlineDangerous className="mx-auto my-4" size={"6em"} />
|
|
<p className={`${fontSourceSerifScreenCN.className} mx-auto my-3 text-center text-xl`}>
|
|
{"Something went wrong. Please try again later."}
|
|
</p>
|
|
<div className="my-5 flex justify-center">
|
|
<Button onClick={handleGoBack} className="font-bold">
|
|
{"GO BACK"}
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</ContentContainer>
|
|
<Footer />
|
|
</Page>
|
|
);
|
|
}
|