From 2996121187dff6096378cc041f746e7be8eaef19 Mon Sep 17 00:00:00 2001
From: jnsdls <jonas.daniels@outlook.com>
Date: Fri, 25 Jul 2025 18:36:10 +0000
Subject: [PATCH] Update credit purchase terminology in billing section (#7705)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

# Update Credit Balance Section UI

This PR updates the UI text in the credit balance section to improve clarity:

- Changed "Top Up Credits" to "Credits" in the section header
- Updated tooltip text from "Only team owners can top up credits" to "Only team owners can purchase credits"
- Changed button text from "Top Up With Crypto" to "Buy Credits"

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->

## Summary by CodeRabbit

* **Style**
  * Updated text labels in the credit balance section for improved clarity, including changes to headings, tooltips, and button text.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

<!-- start pr-codex -->

---

## PR-Codex overview
This PR focuses on updating the terminology related to credit purchases in the `CreditBalanceSection` component, making it clearer for users. The changes enhance the user experience by refining the language used in the interface.

### Detailed summary
- Changed heading from `Top Up Credits` to `Credits`.
- Updated tooltip message from `Only team owners can top up credits.` to `Only team owners can purchase credits.`.
- Renamed button text from `Top Up With Crypto` to `Buy Credits`.
- Modified summary label from `Top-up amount:` to `Added credits:` in multiple places.

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

<!-- end pr-codex -->
---
 .../components/credit-balance-section.client.tsx     | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/(team)/~/billing/components/credit-balance-section.client.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/(team)/~/billing/components/credit-balance-section.client.tsx
index c67f0c2f21b..d54335f0a0e 100644
--- a/apps/dashboard/src/app/(app)/team/[team_slug]/(team)/~/billing/components/credit-balance-section.client.tsx
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/(team)/~/billing/components/credit-balance-section.client.tsx
@@ -68,7 +68,7 @@ export function CreditBalanceSection({
 
         <Separator />
         <div className="space-y-2">
-          <h3 className="font-medium text-lg">Top Up Credits</h3>
+          <h3 className="font-medium text-lg">Credits</h3>
           <p className="text-muted-foreground text-sm">
             Add credits to your account for future billing cycles. Credits are
             non-refundable and do not expire.
@@ -152,7 +152,7 @@ export function CreditBalanceSection({
 
             <ToolTipLabel
               label={
-                isOwnerAccount ? null : "Only team owners can top up credits."
+                isOwnerAccount ? null : "Only team owners can purchase credits."
               }
             >
               <div>
@@ -168,7 +168,7 @@ export function CreditBalanceSection({
                     target="_blank"
                   >
                     <ThirdwebMiniLogo className="mr-2 h-4 w-4" />
-                    Top Up With Crypto
+                    Buy Credits
                     <ArrowRightIcon className="ml-2 h-4 w-4" />
                   </a>
                 </Button>
@@ -237,7 +237,7 @@ function TopUpSummary({
     <div className="space-y-3 rounded-lg bg-muted/30 p-4">
       <h3 className="font-medium text-sm">Summary</h3>
       <div className="flex justify-between text-sm">
-        <span>Top-up amount:</span>
+        <span>Added credits:</span>
         <span className="font-medium">{formatUsd(Number(selectedAmount))}</span>
       </div>
       <div className="flex justify-between text-sm">
@@ -255,7 +255,7 @@ function TopUpSummarySkeleton({ selectedAmount }: { selectedAmount: string }) {
     <div className="space-y-3 rounded-lg bg-muted/30 p-4">
       <h3 className="font-medium text-sm">Summary</h3>
       <div className="flex justify-between text-sm">
-        <span>Top-up amount:</span>
+        <span>Added credits:</span>
         <span className="font-medium">{formatUsd(Number(selectedAmount))}</span>
       </div>
       <div className="flex justify-between text-sm">
@@ -275,7 +275,7 @@ function TopUpSummaryErrorBoundary({
     <div className="space-y-3 rounded-lg bg-muted/30 p-4">
       <h3 className="font-medium text-sm">Summary</h3>
       <div className="flex justify-between text-sm">
-        <span>Top-up amount:</span>
+        <span>Added credits:</span>
         <span className="font-medium">{formatUsd(Number(selectedAmount))}</span>
       </div>
       <div className="flex justify-between text-sm">