feat: 조회 API 연결

TEAM-BEAT · Nov 25, 2024 · e292be6 · e292be6
1 parent 815a405
commit e292be6
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 7 deletions.
diff --git a/src/pages/ticketholderlist/TicketHolderList.styled.ts b/src/pages/ticketholderlist/TicketHolderList.styled.ts
@@ -27,7 +27,7 @@ export const ManageCardContainer = styled.section`
 `;
 
 export const FooterButtonWrapper = styled.div`
-  position: sticky;
+  position: fixed;
   bottom: 0;
   z-index: 1;
   display: flex;

diff --git a/src/pages/ticketholderlist/TicketHolderList.tsx b/src/pages/ticketholderlist/TicketHolderList.tsx
@@ -165,8 +165,7 @@ const TicketHolderList = () => {
 
   const { performanceId } = useParams();
 
-  // const { data, isLoading, refetch } = useTicketRetrive({ performanceId: Number(performanceId) });
-  const { isLoading, refetch } = useTicketRetrive({ performanceId: Number(performanceId) });
+  const { data, isLoading, refetch } = useTicketRetrive({ performanceId: Number(performanceId) });
 
   const actions = {
     PAYMENT: {
@@ -303,7 +302,7 @@ const TicketHolderList = () => {
                         name={item.bookerName}
                         phoneNumber={item.bookerPhoneNumber}
                         ticketCount={item.purchaseTicketCount}
-                        scheduleId={item.scheduleId}
+                        scheduleNumber={convertingNumber(item.scheduleNumber)}
                         date={formattedDate}
                         status={bookingStatus}
                       />

diff --git a/src/pages/ticketholderlist/components/manageCard/ManageCardContainer.tsx b/src/pages/ticketholderlist/components/manageCard/ManageCardContainer.tsx
@@ -6,7 +6,7 @@ interface ManagerCardContainerProps {
   name: string;
   phoneNumber: string;
   ticketCount: number;
-  scheduleId: number;
+  scheduleNumber: number;
   date: string;
   status: string;
 }
@@ -15,7 +15,7 @@ export default function ManageCardContainer({
   name,
   phoneNumber,
   ticketCount,
-  scheduleId,
+  scheduleNumber,
   date,
   status,
 }: ManagerCardContainerProps) {
@@ -27,7 +27,7 @@ export default function ManageCardContainer({
             {name} ({phoneNumber})
           </S.InfoText>
           <S.InfoText $status={status}>
-            {scheduleId}회차 / {ticketCount}매
+            {scheduleNumber}회차 / {ticketCount}매
           </S.InfoText>
           <S.DateText $status={status}>{date}</S.DateText>
         </S.TextContainer>