From 2617262a74b2cc88447244617e7028c77d79253d Mon Sep 17 00:00:00 2001
From: pradeepkumar <kongupradeep@live.com>
Date: Thu, 19 Mar 2026 11:57:43 +0530
Subject: [PATCH] feat: Display a shimmer loading placeholder for the
 subscription CTA button and update its disabled condition.

---
 src/components/settings/SubscriptionForm.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/settings/SubscriptionForm.tsx b/src/components/settings/SubscriptionForm.tsx
index 106f5a3..26929c7 100644
--- a/src/components/settings/SubscriptionForm.tsx
+++ b/src/components/settings/SubscriptionForm.tsx
@@ -189,14 +189,16 @@ export function SubscriptionForm() {
               </div>
 
               {/* CTA Button */}
-              {isActive ? (
+              {loading ? (
+                <div className="h-[52px] w-[180px] rounded-[15px] shimmer-loading" />
+              ) : isActive ? (
                 <span className="inline-block bg-green-100 text-green-700 font-fractul font-bold text-[14px] px-6 py-3 rounded-[15px]">
                   Current Plan
                 </span>
               ) : (
                 <button
                   onClick={handleGetPremium}
-                  disabled={actionLoading || loading}
+                  disabled={actionLoading}
                   className="bg-[#e58625] border border-[#e58625] text-white font-fractul font-bold text-[14px] px-10 py-4 rounded-[15px] hover:bg-[#d47920] transition-colors disabled:opacity-50"
                 >
                   {actionLoading ? 'Processing...' : 'Get Premium Access'}