From daf9f540e07ef9aa5a94c839afa8c733695709c1 Mon Sep 17 00:00:00 2001 From: HyunWoo Choi <116826162+chhw130@users.noreply.github.com> Date: Sat, 16 Dec 2023 22:10:45 +0900 Subject: [PATCH] =?UTF-8?q?design(nofound)=20:=20notfound=ED=8E=98?= =?UTF-8?q?=EC=9D=B4=EC=A7=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- component/card/ChattingRoom.tsx | 9 +++-- component/icon/NotFoundIcon.tsx | 50 ++++++++++++++++++++++++++ component/icon/SaladIcon.tsx | 4 +-- src/app/not-found.tsx | 62 ++++++++++++++++++++++++++++++++- 4 files changed, 117 insertions(+), 8 deletions(-) create mode 100644 component/icon/NotFoundIcon.tsx diff --git a/component/card/ChattingRoom.tsx b/component/card/ChattingRoom.tsx index 345e432..5eebca6 100644 --- a/component/card/ChattingRoom.tsx +++ b/component/card/ChattingRoom.tsx @@ -36,8 +36,8 @@ const ChattingRoom = ({ <> @@ -68,11 +68,10 @@ const ChattingRoom = ({ { + return ( + <> + + + + + + + + + + + + + + + + ); +}; + +export default NotFoundIcon; diff --git a/component/icon/SaladIcon.tsx b/component/icon/SaladIcon.tsx index 0da92e7..e71d628 100644 --- a/component/icon/SaladIcon.tsx +++ b/component/icon/SaladIcon.tsx @@ -74,8 +74,8 @@ const SaladIcon = () => { diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx index 0a8d2a4..a297806 100644 --- a/src/app/not-found.tsx +++ b/src/app/not-found.tsx @@ -1,7 +1,67 @@ +"use client"; +import { Button, ButtonGroup, Text, VStack } from "@chakra-ui/react"; import React from "react"; +import NotFoundIcon from "../../component/icon/NotFoundIcon"; +import { useRouter } from "next/navigation"; const NotFound = () => { - return
NotfoundPAge
; + const router = useRouter(); + return ( + <> + + + + + 찾을 수 없는 페이지에요 +
+ 다시 들어와볼까요? + + + + + + + + + ); }; export default NotFound;