[Fix] 제출 기한 지나면 제출 못하도록 막기 (#387)

* feat: 지원 시간 종료 시 지원서 제출 막는 모달창 생성

* fix: 지원 기간 지나면 지원서 버튼 눌러도 제출 안 되도록 수정

* fix: 모달 버튼 디자인 수정

src/views/ApplyPage/index.tsx

@@ -8,6 +8,7 @@ import useCheckBrowser from '@hooks/useCheckBrowser';
 import useDate from '@hooks/useDate';
 import useScrollToHash from '@hooks/useScrollToHash';
 import { DraftDialog, SubmitDialog } from 'views/dialogs';
+import PreventApplyDialog from 'views/dialogs/PreventApplyDialog';
 import NoMore from 'views/ErrorPage/components/NoMore';
 import BigLoading from 'views/loadings/BigLoding';
 
@@ -35,6 +36,7 @@ const ApplyPage = ({ onSetComplete }: ApplyPageProps) => {
  useCheckBrowser(); // 크롬 브라우저 권장 알럿
 
  const draftDialog = useRef<HTMLDialogElement>(null);
+ const preventApplyDialog = useRef<HTMLDialogElement>(null);
  const submitDialog = useRef<HTMLDialogElement>(null);
  const sectionsRef = useRef<HTMLSelectElement[]>([]);
 
@@ -187,6 +189,12 @@ const ApplyPage = ({ onSetComplete }: ApplyPageProps) => {
  const commonQuestionIds = commonQuestions?.questions.map((question) => question.id);
 
  const handleSendData = (type: 'draft' | 'submit') => {
+ if (NoMoreApply) {
+ preventApplyDialog.current?.showModal();
+
+ return;
+ }
+
  const mostRecentSeason = mostRecentSeasonValue === '해당사항 없음' ? 0 : mostRecentSeasonValue;
  const leaveAbsence =
  getValues('leaveAbsence') == undefined ? undefined : getValues('leaveAbsence') === '재학' ? false : true;
@@ -269,6 +277,7 @@ const ApplyPage = ({ onSetComplete }: ApplyPageProps) => {
  return (
  <FormProvider {...methods}>
  <DraftDialog ref={draftDialog} />
+ <PreventApplyDialog ref={preventApplyDialog} />
  <SubmitDialog
  userInfo={{
  name,

src/views/dialogs/PreventApplyDialog/index.tsx

@@ -0,0 +1,24 @@
+import { forwardRef, type KeyboardEvent } from 'react';
+
+import Dialog from '@components/Dialog';
+
+import { buttonInside, buttonOutside, buttonWrapper, mainText } from '../style.css';
+
+const PreventApplyDialog = forwardRef<HTMLDialogElement>((_, ref) => {
+ const handlePreventESCKeyPress = (e: KeyboardEvent<HTMLDialogElement>) => {
+ if (e.key === 'Escape') e.preventDefault();
+ };
+
+ return (
+ <Dialog ref={ref} onKeyDown={handlePreventESCKeyPress}>
+ <p className={mainText}>지원서 제출 기한이 지났어요.</p>
+ <form method="dialog" className={`${buttonWrapper} ${buttonOutside.solid}`}>
+ <button className={buttonInside.solid}>확인</button>
+ </form>
+ </Dialog>
+ );
+});
+
+PreventApplyDialog.displayName = 'PreventApplyDialog';
+
+export default PreventApplyDialog;