From 3fcfd2beb5cc5c8fd78f994255713eb4b665187d Mon Sep 17 00:00:00 2001
From: Vasek Mlejnsky <vasek.mlejnsky@gmail.com>
Date: Fri, 24 Jan 2025 16:05:31 -0800
Subject: [PATCH 1/2] Update wording for usage limits and alerts

---
 .../src/components/Dashboard/BillingAlerts.tsx    | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/apps/web/src/components/Dashboard/BillingAlerts.tsx b/apps/web/src/components/Dashboard/BillingAlerts.tsx
index 8a5801233..2e77dd560 100644
--- a/apps/web/src/components/Dashboard/BillingAlerts.tsx
+++ b/apps/web/src/components/Dashboard/BillingAlerts.tsx
@@ -148,8 +148,7 @@ export const BillingAlerts = ({
       const res = await fetch(
         getBillingUrl(
           domain,
-          `/teams/${team.id}/billing-limits/${
-            type === 'limit' ? 'limit_amount_gte' : 'alert_amount_gte'
+          `/teams/${team.id}/billing-limits/${type === 'limit' ? 'limit_amount_gte' : 'alert_amount_gte'
           }`
         ),
         {
@@ -320,17 +319,18 @@ export const BillingAlerts = ({
       <form onSubmit={(e) => handleSubmit(e, 'limit')} className="space-y-2">
         <h3 className="font-medium">Enable Budget Limit</h3>
         <p className="text-sm text-white/70">
-          If your team exceeds this threshold in a given billing period,
+          If your team exceeds this threshold in a given month,
           subsequent API requests will be blocked.
         </p>
         <p className="text-sm text-white/70">
           You will automatically receive email notifications when your usage
-          reaches <b>50%</b> and <b>80%</b> of this limit.
+          reaches <b>50%</b>, <b>80%</b>, <b>90%</b>, and <b>100%</b> of this
+          limit.
         </p>
         <p className="text-sm text-red-400">
           Caution: Enabling a Budget Limit may cause interruptions to your
           service. Once your Budget Limit is reached, your team will not be able
-          to create new sandboxes in the given billing period unless the limit
+          to create new sandboxes in the given month unless the limit
           is increased.
         </p>
         <div className="!mt-4">{renderAmountInput('limit')}</div>
@@ -339,8 +339,9 @@ export const BillingAlerts = ({
       <form onSubmit={(e) => handleSubmit(e, 'alert')} className="space-y-2">
         <h3 className="font-medium">Set a Budget Alert</h3>
         <p className="text-sm text-white/70">
-          If your team exceeds this threshold in a given billing period,
-          you&apos;ll receive an alert notification to <b>{email}</b>.
+          If your team exceeds this threshold in a given month, you&apos;ll
+          receive an alert notification to <b>{email}</b>.
+          This will not result in any interruptions to your service.
         </p>
         <div className="!mt-4">{renderAmountInput('alert')}</div>
       </form>

From 525d05329b3f52c28ed4e1386a42551655910b1e Mon Sep 17 00:00:00 2001
From: Vasek Mlejnsky <vasek.mlejnsky@gmail.com>
Date: Fri, 24 Jan 2025 16:17:22 -0800
Subject: [PATCH 2/2] Change button's text

---
 apps/web/src/components/Dashboard/BillingAlerts.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/components/Dashboard/BillingAlerts.tsx b/apps/web/src/components/Dashboard/BillingAlerts.tsx
index 2e77dd560..0e7660f05 100644
--- a/apps/web/src/components/Dashboard/BillingAlerts.tsx
+++ b/apps/web/src/components/Dashboard/BillingAlerts.tsx
@@ -256,7 +256,7 @@ export const BillingAlerts = ({
             {isLoading[type].save ? (
               <Loader2 className="h-4 w-4 animate-spin" />
             ) : (
-              'Save'
+              'Set'
             )}
           </Button>
           {originalValue !== null && (