refact: 수정사항 반영

Author: hyeeuncho

src/features/dashboard/model/store/ParticipantStore.tsx

@@ -20,8 +20,8 @@ export const useParticipantStore = create<ParicipantState>((set, get) => ({
   all: false,
   participants: {},
   approvedParticipants: {},
-   selectedTicketId: 0,
-  selectedOrderId: 0,
+  selectedTicketId: null,
+  selectedOrderId: null,
 
   // 초기 데이터 세팅
   initializeParticipants: participantList => {

src/features/dashboard/ui/IndividualResponseViewer.tsx

@@ -53,14 +53,14 @@ const IndividualResponseViewer = ({ orders, currentIndex, setCurrentIndex }: Ind
                     <div key={optionName} className="border border-gray-300 rounded-md p-4 mb-4 bg-white shadow-sm">
                         <p className="font-semibold mb-2">{optionName}</p>
                         {optionType === 'TEXT' ? (
-                            <UnderlineTextField
-                                label={""}
-                                value={answers[0]}
-                                onChange={() => { }}
-                                className="mb-0"
-                            />
+                            <div className="mb-4">
+                                <p className="w-full border-b border-gray-300 py-2 px-1 text-sm font-semibold text-gray-800">
+                                    {answers[0]}
+                                </p>
+                            </div>
                         ) : (
                             <ul className="space-y-1">
+                                
                                 {answers.map((ans, idx) => (
                                     <li key={idx}>
                                         <Checkbox

src/features/dashboard/ui/PariticipantsList.tsx

@@ -5,6 +5,7 @@ import { useParticipantStore } from '../model/store/ParticipantStore';
 import { participantsData } from '../../../shared/types/participantInfoType';
 import { usePersonalTicketOptionAnswers } from '../../ticket/hooks/useTicketOptionHook';
 import OrderAnswerModal from '../../../widgets/dashboard/ui/response/OrderAnswerModal';
+import { Order } from '../../ticket/model/ticketInformation';
 
 interface ParticipantsListProps {
   listType: 'all' | 'approved' | 'pending';
@@ -27,7 +28,7 @@ const ParticipantsList = ({ listType, selectedFilter = [], participants }: Parti
 
   const { data } = usePersonalTicketOptionAnswers(selectedTicketId);
   const [isModalOpen, setModalOpen] = useState(false);
-  const [selectedOrder, setSelectedOrder] = useState<any>(null);
+  const [selectedOrder, setSelectedOrder] = useState<Order | null>(null);
 
   const handleCheckClick = (ticketId: number, orderId: number) => {
     setSelectedTicketId(ticketId);
@@ -71,10 +72,6 @@ const ParticipantsList = ({ listType, selectedFilter = [], participants }: Parti
     return false;
   });
 
-  useEffect(() => {
-    initializeParticipants(participants);
-  }, [participants, initializeParticipants]);
-
   return (
     <div className="flex flex-col gap-2 mb-4">
       <div className="flex justify-between text-xs text-[#888686] bg-white shadow-sm px-2 md:px-3 py-3 rounded-t-lg">

src/features/dashboard/ui/ResponsesList.tsx

@@ -59,32 +59,35 @@ const ResponsesList = ({ listType, ticketOptionResponses, ticketId }: ResponsesL
   const renderList = () => {
     switch (listType) {
       case 'summary':
-        const filteredResponses = ticketOptionResponses.filter(
-          (option) => option.optionType !== 'TEXT'
-        );
-        console.log(filteredResponses)
-        return (
-          <>
-            <div className="flex justify-center">
-              <div style={{ minWidth: '300px', maxWidth: '600px', width: '100%' }}>
-                <MultiplePieCharts responses={filteredResponses} />
+        {
+          const filteredResponses = ticketOptionResponses.filter(
+            (option) => option.optionType !== 'TEXT'
+          );
+          return (
+            <>
+              <div className="flex justify-center">
+                <div style={{ minWidth: '300px', maxWidth: '600px', width: '100%' }}>
+                  <MultiplePieCharts responses={filteredResponses} />
+                </div>
               </div>
-            </div>
-            {renderTextResponses(ticketOptionResponses)}
-          </>
-        );
+              {renderTextResponses(ticketOptionResponses)}
+            </>
+          );
+        }
 
       case 'individual':
-        if (isLoading) return <p>로딩 중...</p>;
-        if (error || !data?.result) return <p>데이터를 불러오지 못했습니다.</p>;
-        const allOrders = data.result.flatMap(user => user.orders);
-        return (
-          <IndividualResponseViewer
-            orders={allOrders}
-            currentIndex={currentIndex}
-            setCurrentIndex={setCurrentIndex}
-          />
-        );
+        {
+          if (isLoading) return <p>로딩 중...</p>;
+          if (error || !data?.result) return <p>데이터를 불러오지 못했습니다.</p>;
+          const allOrders = data.result.flatMap(user => user.orders);
+          return (
+            <IndividualResponseViewer
+              orders={allOrders}
+              currentIndex={currentIndex}
+              setCurrentIndex={setCurrentIndex}
+            />
+          );
+        }
       default:
         return null;
     }

src/features/ticket/model/orderInformation.ts

@@ -4,7 +4,7 @@ export interface OrderTicketRequest {
     ticketId: number;
     eventId: number;
     ticketCnt: number;
-    ticketOptionAnswers: TicketOptionAnswerRequest[][];
+    ticketOptionAnswers?: TicketOptionAnswerRequest[][];
 }
 export interface TicketConfirm {
     id: number;

src/widgets/event/ui/TicketInfo.tsx

@@ -69,7 +69,7 @@ const TicketInfo = ({ eventId }: { eventId: number }) => {
         // 옵션 없음 → 바로 결제
         handleDirectOrder(ticketId, eventId, ticketCnt);
       }
-    } catch (e) {
+    } catch {
       alert('옵션 정보를 불러오는 중 오류가 발생했습니다.');
     }
   };