Re-Quest/frontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Display a shimmer loading placeholder for the subscription CTA button and update its disabled condition.

Browse Source
This commit is contained in:
pradeepkumar
2026-03-19 11:57:43 +05:30
parent a5fb2fda46
commit 2617262a74
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/settings/SubscriptionForm.tsx
View File

@@ -189,14 +189,16 @@ export function SubscriptionForm() {
</div> </div>
{/* CTA Button */} {/* 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]"> <span className="inline-block bg-green-100 text-green-700 font-fractul font-bold text-[14px] px-6 py-3 rounded-[15px]">
Current Plan Current Plan
</span> </span>
) : ( ) : (
<button <button
onClick={handleGetPremium} 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" 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'} {actionLoading ? 'Processing...' : 'Get Premium Access'}