From fe1eb0bf696212220b127b1be5448f9bfdb015dd Mon Sep 17 00:00:00 2001
From: geumbin <geumbin1204@gmail.com>
Date: Mon, 29 Jul 2024 16:23:22 +0900
Subject: [PATCH] =?UTF-8?q?:sparkles:=20Feat:=20=EA=B2=8C=EC=8B=9C?=
 =?UTF-8?q?=EB=AC=BC=20=EC=A2=85=EB=A3=8C=20=EB=B2=84=ED=8A=BC=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../notice/FakeNotice/FakeNoticeShowHeader.tsx     | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/components/notice/FakeNotice/FakeNoticeShowHeader.tsx b/src/components/notice/FakeNotice/FakeNoticeShowHeader.tsx
index ade5398..25967e2 100644
--- a/src/components/notice/FakeNotice/FakeNoticeShowHeader.tsx
+++ b/src/components/notice/FakeNotice/FakeNoticeShowHeader.tsx
@@ -1,3 +1,6 @@
+import { MdOutlineClose } from 'react-icons/md';
+import { useNavigate } from 'react-router-dom';
+
 import * as S from '@/styles/notice/noticeShow.style';
 
 interface NoticeShowHeaderProps {
@@ -8,10 +11,21 @@ interface NoticeShowHeaderProps {
 
 export const FakeNoticeShowHeader = ({ title, date, view }: NoticeShowHeaderProps) => {
   const NoticeWriter = '관리자';
+  const navigate = useNavigate();
+  const handleNoticeClose = () => {
+    navigate('/');
+  };
 
   return (
     <>
       <S.NoticeShowHeaderStyle>
+        <button onClick={handleNoticeClose}>
+          <MdOutlineClose
+            style={{ position: 'absolute', top: '20px', right: '10vw' }}
+            size={34}
+            color="rgba(0, 0, 0, 0.2)"
+          />
+        </button>
         <p style={{ fontSize: '40px', fontWeight: '800', color: '#25213B', margin: '20px' }}>공지사항</p>
         {/* 게시물 제목 */}
         <S.NoticeShowTitle>{title}</S.NoticeShowTitle>