From 035cd02012b9611a548302ecfda2129554e932de Mon Sep 17 00:00:00 2001
From: i701 <idhaan701@outlook.com>
Date: Sat, 20 Sep 2025 14:57:21 +0500
Subject: [PATCH] =?UTF-8?q?fix:=20payment=20info=20display=20logic=20condi?=
 =?UTF-8?q?tion=20=F0=9F=90=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/topup-to-pay.tsx | 88 ++++++++++++++++++-------------------
 1 file changed, 44 insertions(+), 44 deletions(-)

diff --git a/components/topup-to-pay.tsx b/components/topup-to-pay.tsx
index 9c8ba25..57da350 100644
--- a/components/topup-to-pay.tsx
+++ b/components/topup-to-pay.tsx
@@ -61,50 +61,50 @@ 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
-                    accName="Baraveli Dev"
-                    accountNo="90101400028321000"
-                  />
-                  {topup?.paid ? (
-                    <Button
-                      size={"lg"}
-                      variant={"secondary"}
-                      disabled
-                      className="dark:text-green-200 text-green-900 bg-green-500/20 uppercase font-semibold"
-                    >
-                      Topup Payment Verified
-                    </Button>
-                  ) : (
-                    <div className="flex flex-col gap-2">
-                      <form action={formAction}>
-                        <input
-                          type="hidden"
-                          name="topupId"
-                          value={topup?.id ?? ""}
-                        />
-                        <Button
-                          disabled={disabled || isPending}
-                          type="submit"
-                          size={"lg"}
-                          className="mb-4 w-full"
-                        >
-                          {isPending ? "Processing payment..." : "I have paid"}
-                          {isPending ? (
-                            <Loader2 className="animate-spin" />
-                          ) : (
-                            <BadgeDollarSign />
-                          )}
-                        </Button>
-                      </form>
-                    </div>
-                  )}
-                </div>
-              ))}
+            {(!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
+                  accName="Baraveli Dev"
+                  accountNo="90101400028321000"
+                />
+                {topup?.paid ? (
+                  <Button
+                    size={"lg"}
+                    variant={"secondary"}
+                    disabled
+                    className="dark:text-green-200 text-green-900 bg-green-500/20 uppercase font-semibold"
+                  >
+                    Topup Payment Verified
+                  </Button>
+                ) : (
+                  <div className="flex flex-col gap-2">
+                    <form action={formAction}>
+                      <input
+                        type="hidden"
+                        name="topupId"
+                        value={topup?.id ?? ""}
+                      />
+                      <Button
+                        disabled={disabled || isPending}
+                        type="submit"
+                        size={"lg"}
+                        className="mb-4 w-full"
+                      >
+                        {isPending ? "Processing payment..." : "I have paid"}
+                        {isPending ? (
+                          <Loader2 className="animate-spin" />
+                        ) : (
+                          <BadgeDollarSign />
+                        )}
+                      </Button>
+                    </form>
+                  </div>
+                )}
+              </div>
+            )}
           </TableCaption>
           <TableBody className="">
             <TableRow>