From e50fdf6ba2ec80fe6a5e7fd8f681b17312b2ff0a Mon Sep 17 00:00:00 2001
From: "Kalle (Sendou)" <38327916+Sendouc@users.noreply.github.com>
Date: Wed, 5 May 2021 17:44:10 +0300
Subject: [PATCH] Custom 500 page

Also closes #329
---
 pages/500.tsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 pages/500.tsx

diff --git a/pages/500.tsx b/pages/500.tsx
new file mode 100644
index 000000000..a4a88ed91
--- /dev/null
+++ b/pages/500.tsx
@@ -0,0 +1,22 @@
+import { Box, Flex, Heading } from "@chakra-ui/layout";
+import MyLink from "components/common/MyLink";
+import { useMyTheme } from "hooks/common";
+import Image from "next/image";
+
+const Custom500Page = () => {
+  const { gray } = useMyTheme();
+  return (
+    <Flex flexDirection="column" justifyContent="center" alignItems="center">
+      <Image src={`/layout/errorGirl.png`} width={584} height={487} />
+      <Heading>500 - Server-side error occurred</Heading>
+      <Box color={gray}>
+        For assistance please visit our{" "}
+        <MyLink href="https://discord.gg/sendou" isExternal>
+          Discord
+        </MyLink>
+      </Box>
+    </Flex>
+  );
+};
+
+export default Custom500Page;