fix: hide account information once the payment is verified/expired/cancelled 🔧

components/topup-to-pay.tsx

@@ -61,6 +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" && (
                 <div className="max-w-sm mx-auto">
                   <p>Please send the following amount to the payment address</p>
                   <AccountInfomation
@@ -101,6 +104,7 @@ export default function TopupToPay({
                     </div>
                   )}
                 </div>
+              ))}
           </TableCaption>
           <TableBody className="">
             <TableRow>