From 7ba77854bf390ab93efde68ca32f986ae80bb2db Mon Sep 17 00:00:00 2001
From: Raehyeon Jeong <raehy19@gmail.com>
Date: Mon, 27 Feb 2023 16:02:47 +0900
Subject: [PATCH] =?UTF-8?q?[Feat]=20:=20=EA=B3=B5=EC=A7=80=EC=82=AC?=
 =?UTF-8?q?=ED=95=AD=EC=9D=B4=20=EC=97=86=EC=96=B4=EB=8F=84=20=EA=B3=B5?=
 =?UTF-8?q?=EC=A7=80=EC=82=AC=ED=95=AD=EC=9D=B4=20=EC=97=86=EB=8B=A4?=
 =?UTF-8?q?=EB=8A=94=20=ED=94=84=EB=A6=AC=EB=B7=B0=EB=A5=BC=20=EB=B3=B4?=
 =?UTF-8?q?=EC=97=AC=EC=A3=BC=EB=8F=84=EB=A1=9D=20=EC=88=98=EC=A0=95=20#67?=
 =?UTF-8?q?7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/admin/announcement/AnnounceEdit.tsx     | 14 ++++++++------
 styles/admin/announcement/AnnounceEdit.module.scss |  7 +++++++
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/components/admin/announcement/AnnounceEdit.tsx b/components/admin/announcement/AnnounceEdit.tsx
index 80a716ac7..41502d914 100644
--- a/components/admin/announcement/AnnounceEdit.tsx
+++ b/components/admin/announcement/AnnounceEdit.tsx
@@ -19,11 +19,11 @@ export default function AnnounceEdit() {
   const announceCreateResponse: { [key: string]: string } = {
     SUCCESS: '공지사항이 성공적으로 등록되었습니다.',
     AC001:
-      '이미 활성화된 공지사항이 있습니다 새로운 공지사항을 등록하시려면 활성화된 공지사항을 삭제해 주세요.',
+      '이미 활성화된 공지사항이 있습니다. 새로운 공지사항을 등록하시려면 활성화된 공지사항을 삭제해 주세요.',
   };
   const announceDeleteResponse: { [key: string]: string } = {
     SUCCESS: '공지사항이 성공적으로 삭제되었습니다.',
-    AD001: '삭제할 활성화된 공지사항이 없습니다',
+    AD001: '삭제 할 활성화된 공지사항이 없습니다.',
   };
 
   useEffect(() => {
@@ -66,8 +66,8 @@ export default function AnnounceEdit() {
 
   return (
     <div className={styles.container}>
-      {content && (
-        <div className={styles.announceModal}>
+      <div className={styles.announceModal}>
+        {content ? (
           <div className={styles.announceModalContainer}>
             <div className={styles.modalTitle}>Notice!</div>
             <Quill
@@ -89,8 +89,10 @@ export default function AnnounceEdit() {
               </div>
             </div>
           </div>
-        </div>
-      )}
+        ) : (
+          <div className={styles.noActive}>활성화된 공지사항이 없습니다 !</div>
+        )}
+      </div>
       <div className={styles.editorContainer}>
         <Quill
           className={styles.quillEditor}
diff --git a/styles/admin/announcement/AnnounceEdit.module.scss b/styles/admin/announcement/AnnounceEdit.module.scss
index ca8080505..131a7e237 100644
--- a/styles/admin/announcement/AnnounceEdit.module.scss
+++ b/styles/admin/announcement/AnnounceEdit.module.scss
@@ -101,6 +101,13 @@
   }
 }
 
+.noActive {
+  @include modal-container;
+  margin: 1.5rem;
+  font-size: $big-font;
+  color: black;
+}
+
 .editorContainer {
   display: flex;
   flex-direction: column;