fix: 영수증 조회가 가능한 상황에서도 영수증 버튼이 비활성회되어 있던 문제 수정

Author: MU-Software

packages/shop/src/components/features/order.tsx

@@ -45,8 +45,8 @@ const OrderItem: React.FC<{ order: ShopSchemas.Order; disabled?: boolean }> = ({
     orderRefundMutation.isPending ||
     oneItemRefundMutation.isPending ||
     optionsOfOneItemInOrderPatchMutation.isPending;
-  const btnDisabled =
-    isPending || !R.isNullish(order.not_fully_refundable_reason);
+  const refundBtnDisabled = isPending || !R.isNullish(order.not_fully_refundable_reason);
+  const receipyBtnDisabled = isPending || order.current_status === "pending";
   const btnText = R.isNullish(order.not_fully_refundable_reason)
     ? "주문 전체 환불"
     : order.current_status === "refunded"
@@ -187,15 +187,15 @@ const OrderItem: React.FC<{ order: ShopSchemas.Order; disabled?: boolean }> = ({
           variant="contained"
           sx={{ width: "100%" }}
           onClick={openReceipt}
-          disabled={btnDisabled}
+          disabled={receipyBtnDisabled}
         >
           영수증
         </Button>
         <Button
           variant="contained"
           sx={{ width: "100%" }}
           onClick={refundOrder}
-          disabled={btnDisabled}
+          disabled={refundBtnDisabled}
         >
           {btnText}
         </Button>