From 64806b3aa0d22ef7c00baf6b64c4858a4169e1a0 Mon Sep 17 00:00:00 2001
From: Ray Okamoto <22254748+rayokamoto@users.noreply.github.com>
Date: Tue, 20 Feb 2024 02:17:34 +1030
Subject: [PATCH] chore: add loading for pay online button (#92)

---
 src/app/(account)/settings/tabs/MembershipSettings.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/app/(account)/settings/tabs/MembershipSettings.tsx b/src/app/(account)/settings/tabs/MembershipSettings.tsx
index dadb894f..e257bed9 100644
--- a/src/app/(account)/settings/tabs/MembershipSettings.tsx
+++ b/src/app/(account)/settings/tabs/MembershipSettings.tsx
@@ -52,7 +52,12 @@ export default function MembershipSettings({
                     </p>
                     <h2 className="mt-8 text-2xl font-bold">Pay Membership Fee</h2>
                     <div className="mb-6 border-b-2 border-black"></div>
-                    <Button type="submit" colour="orange" onClick={handlePayment}>
+                    <Button
+                        type="submit"
+                        colour="orange"
+                        onClick={handlePayment}
+                        loading={pay.isMutating}
+                    >
                         Pay Online
                     </Button>
                 </>