fix: payment info display logic condition 🐛

components/topup-to-pay.tsx

@@ -61,9 +61,9 @@ export default function TopupToPay({
       <div className="m-2 flex items-end justify-end p-2 text-sm text-foreground border rounded">
         <Table>
           <TableCaption>
-            {!topup?.paid ||
-              topup?.is_expired ||
-              (topup?.status !== "CANCELLED" && (
+            {(!topup?.paid ||
+              !topup?.is_expired ||
+              topup?.status !== "CANCELLED") && (
               <div className="max-w-sm mx-auto">
                 <p>Please send the following amount to the payment address</p>
                 <AccountInfomation
@@ -104,7 +104,7 @@ export default function TopupToPay({
                   </div>
                 )}
               </div>
-              ))}
+            )}
           </TableCaption>
           <TableBody className="">
             <TableRow>