fix : qr코드 여러개일때 색상 초기화 안되는 문제

Gosrock · Sep 21, 2023 · fb5c3dd · fb5c3dd
2 parents 82db126 + 07f78f9
commit fb5c3dd
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/apps/ticket/src/components/mypage/Ticket/QrCode.tsx b/apps/ticket/src/components/mypage/Ticket/QrCode.tsx
@@ -45,13 +45,21 @@ const Qrcode = ({
     qrCode.update({
       data: uuid,
     });
+
     if (status !== '입장 전') {
       qrCode.update({
         cornersDotOptions: { color: '#e3e4e8' },
         cornersSquareOptions: { color: '#e3e4e8' },
         dotsOptions: { color: '#e3e4e8' },
       });
     }
+
+    return () =>
+      qrCode.update({
+        cornersDotOptions: { color: 'black' },
+        cornersSquareOptions: { color: 'black' },
+        dotsOptions: { color: 'black' },
+      });
   }, [uuid, status]);
 
   const handleReload = () => {

diff --git a/apps/ticket/src/components/mypage/Ticket/QrSheetContainer.tsx b/apps/ticket/src/components/mypage/Ticket/QrSheetContainer.tsx
@@ -54,7 +54,11 @@ const QrSheetContainer = ({
         {title}
       </Text>
       <QrWrapper
-        status={data?.issuedTicketInfo.issuedTicketStatus === '입장 전'}
+        status={
+          data
+            ? data.issuedTicketInfo.issuedTicketStatus === '입장 전'
+            : ticket.issuedTicketStatus === '입장 전'
+        }
       >
         <QrContainer>
           {/* <StatusIndicator