📆 공지글 고정, 만료기간 추가

Author: onemeee

apis/types/notice.ts

@@ -20,6 +20,8 @@ export interface Notice {
   tags: string[];
   isPinned: boolean;
   isImportant: boolean;
+  pinnedUntil: Date;
+  importantUntil: Date;
   author: string;
 
   id: number;

app/[locale]/community/notice/[id]/edit/EditNoticePageContent.tsx

@@ -30,6 +30,8 @@ export default function EditNoticePageContent({ id, data }: { id: number; data:
     isPrivate: data.isPrivate,
     isImportant: data.isImportant,
     isPinned: data.isPinned,
+    pinnedUntil: data.pinnedUntil ? new Date(data.pinnedUntil) : new Date(),
+    importantUntil: data.importantUntil ? new Date(data.importantUntil) : new Date(), 
   };
 
   const onCancel = () => router.push(`${noticePath}/${id}`);
@@ -55,13 +57,15 @@ export default function EditNoticePageContent({ id, data }: { id: number; data:
             isPrivate: content.isPrivate,
             isPinned: content.isPinned,
             isImportant: content.isImportant,
+            pinnedUntil: content.pinnedUntil.toISOString().slice(0, 10), 
+            importantUntil: content.importantUntil.toISOString().slice(0, 10),
             tags: content.tags,
             deleteIds,
           }),
         ],
         {
           type: 'application/json',
-        },
+        }
       ),
     );
 

app/[locale]/community/notice/components/NoticeEditor.tsx

@@ -14,6 +14,8 @@ export interface NoticeFormData {
   isPrivate: boolean;
   isPinned: boolean;
   isImportant: boolean;
+  pinnedUntil: Date;
+  importantUntil: Date;
 }
 
 interface Props {
@@ -34,6 +36,8 @@ export default function NoticeEditor({ defaultValues, onCancel, onSubmit, onDele
       isPrivate: false,
       isPinned: false,
       isImportant: false,
+      pinnedUntil: new Date(),
+      importantUntil: new Date(),
     },
   });
   const { handleSubmit, setValue } = formMethods;
@@ -88,13 +92,23 @@ export default function NoticeEditor({ defaultValues, onCancel, onSubmit, onDele
                 if (isImportant) setValue('isPrivate', false);
               }}
             />
+            <Form.Date
+              name="pinnedUntil"
+              enablePast
+              hideTime
+            />
             <Form.Checkbox
               label="메인-중요 안내에 표시"
               name="isImportant"
               onChange={(isImportant) => {
                 if (isImportant) setValue('isPrivate', false);
               }}
             />
+            <Form.Date
+              name="importantUntil"
+              enablePast
+              hideTime
+            />
           </div>
         </Fieldset>
         <Form.Action

app/[locale]/community/notice/create/page.tsx

@@ -32,6 +32,8 @@ export default function NoticeCreatePage() {
             isPrivate: content.isPrivate,
             isPinned: content.isPinned,
             isImportant: content.isImportant,
+            pinnedUntil: content.pinnedUntil.toISOString().slice(0, 10), 
+            importantUntil: content.importantUntil.toISOString().slice(0, 10),
             tags: content.tags,
           }),
         ],