sarlink/sarlink-portal
7
0
Fork 0
mirror of https://github.com/i701/sarlink-portal.git synced 2025-07-08 01:06:31 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: add disabled prop to DevicesToPay component and update button state management ✨
All checks were successful
Build and Push Docker Images / Build and Push Docker Images (push) Successful in 5m36s
Details

Browse Source
This commit is contained in:
i701
2025-07-06 23:19:12 +05:00
parent 3ac57a9c07
commit 9f9f2e4e91
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/(dashboard)/payments/[paymentId]/page.tsx
View File

@ -62,6 +62,7 @@ export default async function PaymentPage({
className="pb-4 gap-4 flex sm:flex-row flex-col items-start justify-start" className="pb-4 gap-4 flex sm:flex-row flex-col items-start justify-start"
> >
<DevicesToPay <DevicesToPay
disabled={payment.paid || payment.is_expired}
user={userProfile || undefined} user={userProfile || undefined}
payment={payment || undefined} payment={payment || undefined}
/> />

5
components/devices-to-pay.tsx
View File

@ -30,7 +30,8 @@ const initialState: VerifyDevicePaymentState = {
export default function DevicesToPay({ export default function DevicesToPay({
payment, payment,
user, user,
}: { payment?: Payment; user?: User }) { disabled
}: { payment?: Payment; user?: User, disabled?: boolean }) {
const [state, formAction, isPending] = useActionState(verifyDevicePayment, initialState); const [state, formAction, isPending] = useActionState(verifyDevicePayment, initialState);
// Handle toast notifications based on state changes // 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="paymentId" value={payment?.id ?? ""} />
<input type="hidden" name="method" value="TRANSFER" /> <input type="hidden" name="method" value="TRANSFER" />
<Button <Button
disabled={isPending} disabled={isPending || disabled}
type="submit" type="submit"
size={"lg"} size={"lg"}
className="mb-4" className="mb-4"