refact: 사용자 응답 없을 시 처리

Author: hyeeuncho

src/features/dashboard/ui/ResponsesList.tsx

@@ -63,6 +63,9 @@ const ResponsesList = ({ listType, ticketOptionResponses, ticketId }: ResponsesL
         if (isLoading) return <p>로딩 중...</p>;
         if (error || !data?.result) return <p>데이터를 불러오지 못했습니다.</p>;
         const allOrders = data.result.flatMap(user => user.orders);
+        if (allOrders.length === 0) {
+          return <p className="text-center text-gray-500">응답이 없습니다.</p>;
+        }
         return (
           <IndividualResponseViewer orders={allOrders} currentIndex={currentIndex} setCurrentIndex={setCurrentIndex} />
         );

src/pages/dashboard/ui/ResponseManagementPage.tsx

@@ -9,18 +9,29 @@ import { usePurchaserAnswers } from '../../../features/ticket/hooks/useTicketOpt
 const ResponseManagementPage = () => {
   const [listType, setListType] = useState<'summary' | 'individual'>('summary');
   const { isModalOpen, closeModal, selectedTicketId } = useResponseStore();
-  const { data } = usePurchaserAnswers(selectedTicketId);
+  const { data, isLoading, isError } = usePurchaserAnswers(selectedTicketId);
+  const orderCount = data?.result?.orderCount ?? 0;
   return (
     <DashboardLayout centerContent="WOOACON 2024" pinkBg={true}>
       {isModalOpen && (
         <ResponesModal onClose={closeModal}></ResponesModal>
       )}
       <div className="flex flex-col px-2 md:px-4">
-        <h1 className="text-left font-semibold md:text-2xl text-xl py-4 md:py-6 pl-4">응답 {data?.result.orderCount}개</h1>
-        <div className="flex justify-center">
-          <ResponsesFilterBar listType={listType} setListType={setListType} />
-        </div>
-        <ResponsesList listType={listType} ticketOptionResponses={data?.result.ticketOptions ?? []} ticketId={selectedTicketId || 0} />
+        <h1 className="text-left font-semibold md:text-2xl text-xl py-4 md:py-6 pl-4">
+          {isLoading ? '응답 불러오는 중...' : isError ? '응답 0개' : `응답 ${orderCount}개`}
+        </h1>
+        {isError ? (
+          <div className="text-center text-red-500 mt-8">
+            응답이 존재하지 않습니다
+          </div>
+        ) : (
+          <>
+            <div className="flex justify-center">
+              <ResponsesFilterBar listType={listType} setListType={setListType} />
+            </div>
+            <ResponsesList listType={listType} ticketOptionResponses={data?.result.ticketOptions ?? []} ticketId={selectedTicketId || 0} />
+          </>
+        )}
       </div>
     </DashboardLayout>
   );