From 9f9f2e4e91fbf6b584ab269203d90ddf85850cb9 Mon Sep 17 00:00:00 2001
From: i701 <idhaan701@outlook.com>
Date: Sun, 6 Jul 2025 23:19:12 +0500
Subject: [PATCH] =?UTF-8?q?feat:=20add=20disabled=20prop=20to=20DevicesToP?=
 =?UTF-8?q?ay=20component=20and=20update=20button=20state=20management=20?=
 =?UTF-8?q?=E2=9C=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/(dashboard)/payments/[paymentId]/page.tsx | 1 +
 components/devices-to-pay.tsx                 | 5 +++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/(dashboard)/payments/[paymentId]/page.tsx b/app/(dashboard)/payments/[paymentId]/page.tsx
index 1e0b151..b828391 100644
--- a/app/(dashboard)/payments/[paymentId]/page.tsx
+++ b/app/(dashboard)/payments/[paymentId]/page.tsx
@@ -62,6 +62,7 @@ export default async function PaymentPage({
 				className="pb-4 gap-4 flex sm:flex-row flex-col items-start justify-start"
 			>
 				<DevicesToPay
+					disabled={payment.paid || payment.is_expired}
 					user={userProfile || undefined}
 					payment={payment || undefined}
 				/>
diff --git a/components/devices-to-pay.tsx b/components/devices-to-pay.tsx
index cb1bba7..ed545b1 100644
--- a/components/devices-to-pay.tsx
+++ b/components/devices-to-pay.tsx
@@ -30,7 +30,8 @@ const initialState: VerifyDevicePaymentState = {
 export default function DevicesToPay({
 	payment,
 	user,
-}: { payment?: Payment; user?: User }) {
+	disabled
+}: { payment?: Payment; user?: User, disabled?: boolean }) {
 	const [state, formAction, isPending] = useActionState(verifyDevicePayment, initialState);
 
 	// Handle toast notifications based on state changes
@@ -118,7 +119,7 @@ export default function DevicesToPay({
 										<input type="hidden" name="paymentId" value={payment?.id ?? ""} />
 										<input type="hidden" name="method" value="TRANSFER" />
 										<Button
-											disabled={isPending}
+											disabled={isPending || disabled}
 											type="submit"
 											size={"lg"}
 											className="mb-4"