[dashboard] Show an error message when upgrading with Stripe fails

gitpod-io · Sep 12, 2022 · 9cc8ac7 · 9cc8ac7
1 parent fcb426e
commit 9cc8ac7
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/components/dashboard/src/teams/TeamUsageBasedBilling.tsx b/components/dashboard/src/teams/TeamUsageBasedBilling.tsx
@@ -24,6 +24,7 @@ export default function TeamUsageBasedBilling() {
     const [pollStripeSubscriptionTimeout, setPollStripeSubscriptionTimeout] = useState<NodeJS.Timeout | undefined>();
     const [stripePortalUrl, setStripePortalUrl] = useState<string | undefined>();
     const [usageLimit, setUsageLimit] = useState<number | undefined>();
+    const [upgradeError, setUpgradeError] = useState<Error | undefined>();
 
     useEffect(() => {
         if (!team) {
@@ -85,6 +86,7 @@ export default function TeamUsageBasedBilling() {
                 window.localStorage.removeItem(`pendingStripeSubscriptionForTeam${team.id}`);
                 clearTimeout(pollStripeSubscriptionTimeout!);
                 setPendingStripeSubscription(undefined);
+                setUpgradeError(error);
             }
         })();
     }, [location.search, team]);
@@ -161,6 +163,7 @@ export default function TeamUsageBasedBilling() {
     return (
         <>
             <h3>Usage-Based Billing</h3>
+            <p>{upgradeError && String(upgradeError)}</p>
             <UsageBasedBillingConfig
                 userOrTeamId={team?.id || ""}
                 showSpinner={showSpinner}