From 30b2c3051a9377dae92e4e6831d3b87d8da72789 Mon Sep 17 00:00:00 2001 From: JAEMOON Date: Wed, 11 Oct 2023 21:37:22 +0900 Subject: [PATCH] =?UTF-8?q?[feat]=20404=20Page,=20Liked=20Page=20=EC=88=98?= =?UTF-8?q?=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/404.tsx | 46 +++++++++++++++++++-------------- pages/liked/index.tsx | 18 +++---------- public/icons/errorPageImage.svg | 40 ++++++++++++++++++++++++++++ 3 files changed, 70 insertions(+), 34 deletions(-) create mode 100644 public/icons/errorPageImage.svg diff --git a/pages/404.tsx b/pages/404.tsx index f534b16..07502d8 100644 --- a/pages/404.tsx +++ b/pages/404.tsx @@ -1,26 +1,34 @@ +/* eslint-disable react/no-unstable-nested-components */ import React from 'react'; -import NotFound from '@/public/icons/404_bg.svg'; -import LinkLine from '@/public/icons/linkLine.svg'; -import Typography from '@/components/Typography/Typography'; +import ErrorPage from '@/public/icons/errorPageImage.svg'; +import { useRouter } from 'next/router'; + +export default function NoPostings() { + const router = useRouter(); + const noPostingStyle = 'text-[20px] font-bold mt-[29px] text-center'; + const containerStyle = 'flex flex-col items-center justify-start mt-[135px]'; // 'justify-start'로 변경 -const NotFoundPage = () => { return ( -
-
- -
- - - Something's missing. - - - This page is missing or you assembled
the link incorrectly - - +
+ +
{`Something's missing.`}
+
This page is missing or you assembled
+
the link incorrectly
+
+
+
+
+ +
); -}; - -export default NotFoundPage; +} diff --git a/pages/liked/index.tsx b/pages/liked/index.tsx index e02d62d..6706e5c 100644 --- a/pages/liked/index.tsx +++ b/pages/liked/index.tsx @@ -4,26 +4,14 @@ import NoLiked from '@/public/icons/noLiked.svg'; import useModal from '@/hooks/useModal'; import DefaultLayout from '@/components/layouts/DefaultLayout'; import { Nav } from '@/components/index.tsx'; - +import { useRouter } from 'next/router'; // TODO 데이터가 구체화되면 바꿔줘야함 interface MyPostingProps { roomInfo: any | null; } export default function Liked({ roomInfo }: MyPostingProps) { - const { openModal } = useModal(); - const handleAddPosting = () => { - // openModal({ - // props: { - // title: 'Add Rooms', - // size: 'full', - // custom: true, - // customHeader: true, - // }, - // children: , - // }); - }; - + const router = useRouter(); /** * 좋아요 없을 때 보여주는 Component */ @@ -40,7 +28,7 @@ export default function Liked({ roomInfo }: MyPostingProps) {