Merge pull request #1410 from 42organization/6th_party

[test-deploy] 파티생성시 마감기한 추가후 최종 테스트

components/party/PartyCreate.tsx

@@ -1,9 +1,9 @@
 import { useRouter } from 'next/router';
 import { FormEvent, useState } from 'react';
 import { useSetRecoilState } from 'recoil';
-import { FaTimes } from 'react-icons/fa';
 import { PartyCategory, PartyCreateForm } from 'types/partyTypes';
 import { instance } from 'utils/axios';
+import { getFormattedDateToString } from 'utils/handleTime';
 import { toastState } from 'utils/recoil/toast';
 import {
   customTemplate,
@@ -128,6 +128,9 @@ function DetailCustomization({
     minute: 0,
   });
   const [isSubmitting, setIsSubmitting] = useState(false);
+  const dueDate = getFormattedDateToString(
+    new Date(Date.now() + partyForm.openPeriod * 60 * 1000)
+  );
 
   function handleOpenPeriod(period: { hour: number; minute: number }) {
     setOpenPeriod(period);
@@ -258,7 +261,9 @@ function DetailCustomization({
               ))}
             </select>
             <div className={styles.textCenter}>분 후</div>
-            <div className={styles.dueDate}>23시 34분 마감</div>
+            <div className={styles.dueDate}>
+              {dueDate.hour}시 {dueDate.min}분 마감
+            </div>
           </div>
         </label>
         <label className={styles.contentLabel}>
@@ -276,7 +281,7 @@ function DetailCustomization({
           />
           <div
             className={styles.contentCount}
-          >{`${partyForm.content.length}/1000`}</div>
+          >{`${partyForm.content.length}/100`}</div>
         </label>
         <div className={styles.submitButtonWrap}>
           <button type='submit' disabled={isSubmitting}>

hooks/party/usePartyForm.ts

@@ -33,7 +33,7 @@ const reducer: React.Reducer<PartyCreateForm, PartyFormAction> = (
     case 'UPDATE_MAX_PEOPLE':
       return { ...state, maxPeople: action.maxPeople };
     case 'UPDATE_CONTENT':
-      if (action.content.length > 1000) return state;
+      if (action.content.length > 100) return state;
       return { ...state, content: action.content };
     case 'UPDATE_OPEN_PERIOD':
       return {