From 837cc35ad31ae807504659d2588fbe8b889d34b8 Mon Sep 17 00:00:00 2001
From: i701 <idhaan701@outlook.com>
Date: Sun, 6 Jul 2025 22:39:16 +0500
Subject: [PATCH] =?UTF-8?q?refactor:=20reorder=20imports=20and=20improve?=
 =?UTF-8?q?=20variable=20naming=20in=20CancelPaymentButton=20component=20?=
 =?UTF-8?q?=F0=9F=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/billing/cancel-payment-button.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/components/billing/cancel-payment-button.tsx b/components/billing/cancel-payment-button.tsx
index 5cb2b50..24b0441 100644
--- a/components/billing/cancel-payment-button.tsx
+++ b/components/billing/cancel-payment-button.tsx
@@ -1,11 +1,11 @@
 "use client";
 
-import { cancelPayment } from "@/actions/payment";
-import { tryCatch } from "@/utils/tryCatch";
 import { Loader2, Trash2 } from "lucide-react";
 import { useRouter } from "next/navigation";
 import React from "react";
 import { toast } from "sonner";
+import { cancelPayment } from "@/actions/payment";
+import { tryCatch } from "@/utils/tryCatch";
 import { Button } from "../ui/button";
 
 export default function CancelPaymentButton({
@@ -17,12 +17,16 @@ export default function CancelPaymentButton({
 		<Button
 			onClick={async () => {
 				setLoading(true);
-				const [error, x] = await tryCatch(cancelPayment({ id: paymentId }));
-				console.log(x);
+				const [error, payment] = await tryCatch(cancelPayment({ id: paymentId }));
+				console.log(payment);
 				if (error) {
 					toast.error(error.message);
 					setLoading(false);
 				} else {
+					toast.success("Payment cancelled successfully!", {
+						description: `Your payment of ${payment?.amount} MVR has been cancelled.`,
+						closeButton: true,
+					});
 					router.replace("/devices");
 				}
 			}}