클래스 신청, 패스권 구매 컴포넌트 및 프로세스 통일

클래스 신청, 패스권 구매 컴포넌트 및 프로세스 통일

public/icons/svg.ts

@@ -160,8 +160,6 @@ export { default as UnreadMessageSVG } from './my/unreadMessage.svg';
 
 export { default as UploadImageSVG } from './upload/uploadImg.svg';
 
-export { default as WavyLineSVG } from './class/wavyLine.svg';
-
 export { default as YoutubeSVG } from './logo/sns/youtube.svg';
 
 export { default as ZoomInSVG } from './common/button/zoomIn.svg';

src/app/class/[id]/_components/Apply.tsx

@@ -4,12 +4,14 @@ import { useRouter } from 'next/navigation';
 import { useState, useRef } from 'react';
 import { toast } from 'react-toastify';
 import { useClickAway } from 'react-use';
-import { formatDateTime, applyScheduleFilter } from '@/utils/parseUtils';
-import SelectBox from './apply/SelectBox';
+import SelectBox from './SelectBox';
 import { ApplyButton } from '@/components/Button';
 import { IClassSchedule, IDateTime } from '@/types/class';
+import { formatDateTime, applyScheduleFilter } from '@/utils/parseUtils';
 
-const ReservationItem = dynamic(() => import('./apply/ReservationItem'));
+const ReservationItem = dynamic(
+  () => import('@/components/Apply/ReservationItem'),
+);
 
 interface ApplyProps {
   id: string | number;
@@ -103,7 +105,7 @@ const Apply = (props: ApplyProps) => {
     const { lectureScheduleId, count } = selectedSchedule;
 
     router.push(
-      `/class/${id}/apply?lectureScheduleId=${lectureScheduleId}&count=${count}`,
+      `/order/class/${id}?lectureScheduleId=${lectureScheduleId}&count=${count}`,
     );
   };
 

src/app/class/[id]/_components/RegularApply.tsx

@@ -4,13 +4,15 @@ import { useRouter } from 'next/navigation';
 import { useState, useRef, useMemo } from 'react';
 import { toast } from 'react-toastify';
 import { useClickAway } from 'react-use';
-import { BasicCalendarSVG, TimeSVG } from '@/icons/svg';
-import { getRegularScheduleTime } from '@/utils/scheduleDateUtils';
-import RegularApplyList from './apply/RegularApplyList';
+import RegularApplyList from '@/components/Apply/RegularApplyList';
 import { ApplyButton } from '@/components/Button';
 import { IRegularClassSchedule, ISelectedSchedule } from '@/types/class';
+import { BasicCalendarSVG, TimeSVG } from '@/icons/svg';
+import { getRegularScheduleTime } from '@/utils/scheduleDateUtils';
 
-const ReservationItem = dynamic(() => import('./apply/ReservationItem'));
+const ReservationItem = dynamic(
+  () => import('@/components/Apply/ReservationItem'),
+);
 
 interface ApplyProps {
   id: string | number;
@@ -80,7 +82,7 @@ const RegularApply = (props: ApplyProps) => {
     const { id, count } = selectedSchedule;
 
     router.push(
-      `/class/${lectureId}/apply?lectureScheduleId=${id}&count=${count}`,
+      `/order/class/${lectureId}?lectureScheduleId=${id}&count=${count}`,
     );
   };