Update ExtendButton text to show "Transaction pending..." during load…

…ing state
heyxyz · Sep 25, 2024 · 0404dcf · 0404dcf
1 parent ecff0ba
commit 0404dcf
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/apps/web/src/components/Pro/ExtendButton.tsx b/apps/web/src/components/Pro/ExtendButton.tsx
@@ -77,7 +77,11 @@ const ExtendButton: FC<ExtendButtonProps> = ({ size = "lg" }) => {
         size={size}
         disabled={isLoading || transactionLoading}
       >
-        {isPro ? "Extend Pro" : "Upgrade to Pro"}
+        {transactionLoading
+          ? "Transaction pending..."
+          : isPro
+            ? "Extend Pro"
+            : "Upgrade to Pro"}
       </Button>
       <Modal
         onClose={() => setShowUpgradeModal(false)}