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 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +