feat: qr checkIn 페이지 추가

Author: hyeeuncho

public/assets/dashboard/menu/QR(black).svg

@@ -53,7 +53,6 @@ const QrScannerComponent = () => {
     };
 
     const checkInApiCall = async (qrData: string) => {
-        console.log("스캔된 QR 데이터:", qrData);
         try {
             const params = new URLSearchParams(qrData.replace(/-/g, '='));
             const orderIdStr = params.get('orderId');
@@ -88,7 +87,7 @@ const QrScannerComponent = () => {
             )}
             {scanResult && (
                 <p className="mt-4 text-green-700 font-semibold">
-                    스캔 결과: {scanResult}
+                    스캔 완료
                 </p>
             )}
         </div>

public/assets/dashboard/menu/QR(pink).svg

@@ -18,6 +18,8 @@ import participants from '../../../public/assets/dashboard/menu/Participants(bla
 import clickedParticipants from '../../../public/assets/dashboard/menu/Participants(pink).svg';
 import response from '../../../public/assets/dashboard/menu/Response(black).svg';
 import clickedResponse from '../../../public/assets/dashboard/menu/Response(pink).svg';
+import qr from '../../../public/assets/dashboard/menu/QR(black).svg';
+import clickedQr from '../../../public/assets/dashboard/menu/QR(pink).svg';
 
 export const getMenuLists = (id: string | number) => [
   { text: '대시보드', icon: dashboard, clickedIcon: clickedDashboard, path: `/dashboard/${id}` },
@@ -34,10 +36,6 @@ export const getMenuLists = (id: string | number) => [
   { text: '사용자 응답 관리', icon: response, clickedIcon: clickedResponse, path: `/dashboard/${id}/responses-management`},
   { text: '이메일 예약 발송', icon: email, clickedIcon: clickedEmail, path: `/dashboard/${id}/email` },
   { text: '보낸 이메일', icon: sentEmail, clickedIcon: clickedSentEmail, path: `/dashboard/${id}/mailBox` },
-  {
-    text: '구매/참가자 관리',
-    icon: participants,
-    clickedIcon: clickedParticipants,
-    path: `/dashboard/${id}/participants-management`,
-  },
+  { text: '구매/참가자 관리', icon: participants, clickedIcon: clickedParticipants, path: `/dashboard/${id}/participants-management` },
+  { text: 'QR코드로 체크인', icon: qr, clickedIcon: clickedQr, path: `/dashboard/${id}/check-in` },
 ];

src/features/ticket/ui/QrScanner.tsx

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { useLocation, useNavigate } from 'react-router-dom';
+import { useLocation, useNavigate, useParams } from 'react-router-dom';
 import Header from '../../../../design-system/ui/Header';
 import dashboardMenu from '../../../../public/assets/dashboard/DashboardMenu.svg';
 import SideBar from '../../../widgets/dashboard/ui/main/SideBar';
@@ -17,12 +17,13 @@ const DashboardLayout = ({ pinkBg = false, children, centerContent }: DashboardL
   const [modalOpen, setModalOpen] = useState(false);
 
   const home = /^\/dashboard\/[^/]+$/.test(location.pathname);
+  const { id } = useParams();
 
   const handleBackClick = () => {
     if (home) {
       navigate('/');
     } else {
-      navigate(-1);
+      navigate(`/dashboard/${id}`, { relative: 'path' });
     }
   };
 

src/shared/types/dashboardType.ts

@@ -31,7 +31,7 @@ const SideBar = ({ onClose }: { onClose: () => void }) => {
   };
 
   return (
-    <div className="flex flex-col mx-auto w-full h-full max-w-lg fixed z-40 bg-white border-[0.5px] border-black py-3">
+    <div className="flex flex-col mx-auto w-full h-full max-w-lg fixed z-40 bg-white border-[0.5px] border-black py-3 overflow-y-auto">
       <Header
         centerContent="대시보드"
         rightContent={<img src={menuBar} onClick={onClose} className="cursor-pointer z-80 relative" />}