From b84cd6af3a45a5659429857d5a2f84f2ff7a10be Mon Sep 17 00:00:00 2001 From: Eugene Kim Date: Sun, 25 Aug 2024 02:36:35 +0900 Subject: [PATCH] =?UTF-8?q?feat:=20=EC=96=B4=EB=93=9C=EB=AF=BC=20=ED=99=94?= =?UTF-8?q?=EB=A9=B4=20=EC=97=90=EB=9F=AC=ED=8E=98=EC=9D=B4=EC=A7=80=20?= =?UTF-8?q?=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/admin/app/error.tsx | 54 ++++++++++++++++++++++++- apps/admin/app/global.css | 1 + apps/admin/app/not-found.tsx | 55 ++++++++++++++++++++++++-- apps/admin/public/images/error.svg | 29 ++++++++++++++ apps/admin/public/images/not-found.svg | 34 ++++++++++++++++ 5 files changed, 168 insertions(+), 5 deletions(-) create mode 100644 apps/admin/public/images/error.svg create mode 100644 apps/admin/public/images/not-found.svg diff --git a/apps/admin/app/error.tsx b/apps/admin/app/error.tsx index 1344c8e2..19f472bc 100644 --- a/apps/admin/app/error.tsx +++ b/apps/admin/app/error.tsx @@ -1,6 +1,56 @@ "use client"; -const ErrorPage = () => { - return
error
; + +import { css } from "@styled-system/css"; +import { Flex } from "@styled-system/jsx"; +import { Header, Text } from "@wow-class/ui"; +import Image from "next/image"; +import Button from "wowds-ui/Button"; + +const ErrorPage = ({ reset }: { reset: () => void }) => { + const handleClickResetButton = () => { + reset(); + }; + + return ( + + + +
+
+ error + + 에러가 발생했어요 + + +
+ + + + ); }; export default ErrorPage; + +const errorPageContentStyle = css({ + display: "flex", + flexDirection: "column", + justifyContent: "center", + alignItems: "center", + gap: "48px", + height: "100%", +}); + +const buttonStyle = { + width: 328, +}; diff --git a/apps/admin/app/global.css b/apps/admin/app/global.css index 82bd5a03..668ebfef 100644 --- a/apps/admin/app/global.css +++ b/apps/admin/app/global.css @@ -6,4 +6,5 @@ body { font-family: "SUIT" !important; display: flex; flex-direction: row; + min-height: 100vh; } diff --git a/apps/admin/app/not-found.tsx b/apps/admin/app/not-found.tsx index 3ef55fd2..72365921 100644 --- a/apps/admin/app/not-found.tsx +++ b/apps/admin/app/not-found.tsx @@ -1,5 +1,54 @@ -const NotFound = () => { - return
요청하신 페이지를 찾을 수 없어요.
; +import { css } from "@styled-system/css"; +import { Flex } from "@styled-system/jsx"; +import { Header, Text } from "@wow-class/ui"; +import { routerPath } from "constants/router/routerPath"; +import Image from "next/image"; +import Link from "next/link"; +import Button from "wowds-ui/Button"; + +const NotFoundPage = () => { + return ( + +
+
+ not-found + + + 오류가 발생했어요 + + + 요청하신 페이지를 찾을 수 없어요 + + + +
+ + ); }; -export default NotFound; +export default NotFoundPage; + +const notFoundPageContentStyle = css({ + display: "flex", + flexDirection: "column", + justifyContent: "center", + alignItems: "center", + gap: "48px", + height: "100%", +}); + +const buttonStyle = { + width: 328, +}; diff --git a/apps/admin/public/images/error.svg b/apps/admin/public/images/error.svg new file mode 100644 index 00000000..2b8ff63c --- /dev/null +++ b/apps/admin/public/images/error.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/apps/admin/public/images/not-found.svg b/apps/admin/public/images/not-found.svg new file mode 100644 index 00000000..caf9c0f6 --- /dev/null +++ b/apps/admin/public/images/not-found.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +