Skip to content

Balance Codes section updates #66

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
stuartwk merged 1 commit into from
Jan 28, 2026
Merged

Balance Codes section updates #66

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 8 additions & 7 deletions app/src/components/BalanceCodesSection.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -136,10 +136,10 @@ const BalanceCodesSection: React.FC = () => {
<div className={colorClasses.iconBg}>
<Ticket className="text-white" size={28} />
</div>
Balance Codes
AppSumo Codes
</h2>
<p className="text-gray-400 mt-2">
Manage your account balance codes for more data.
Manage your account AppSumo codes for more data.
</p>
</div>
</div>
Expand All @@ -149,8 +149,8 @@ const BalanceCodesSection: React.FC = () => {
<div className="flex items-center gap-3">
<TicketCheck size={20} className="text-white" />
<div>
<h3 className="font-medium text-white">Account Transfer Balance Codes</h3>
<p className={colorClasses.headerText}>Redeem a transfer balance code to add data to your account.</p>
<h3 className="font-medium text-white">Account AppSumo Codes</h3>
<p className={colorClasses.headerText}>Redeem an AppSumo code to add data to your account.</p>
</div>
</div>
</div>
Expand Down Expand Up @@ -198,8 +198,8 @@ const BalanceCodesSection: React.FC = () => {
<div className="w-16 h-16 bg-gray-700 rounded-full flex items-center justify-center mx-auto mb-4">
<TicketSlash className="text-gray-500" size={24} />
</div>
<h3 className="text-lg font-medium text-gray-200 mb-2">No Transfer Balance Codes Redeemed</h3>
<p className="text-gray-400 italic">No transfer balance codes found for your network.</p>
<h3 className="text-lg font-medium text-gray-200 mb-2">No AppSumo Codes Redeemed</h3>
<p className="text-gray-400 italic">No AppSumo codes found for your network.</p>
</div>
</div>
)}
Expand All @@ -215,7 +215,7 @@ const BalanceCodesSection: React.FC = () => {
}`}
>
<TicketCheck size={20} />
<span>Redeem Transfer Balance Code</span>
<span>Redeem AppSumo Code</span>
</button>
</div>
</div>
Expand All @@ -226,6 +226,7 @@ const BalanceCodesSection: React.FC = () => {
onSuccess={() => {
// reload balance codes
loadTransferBalanceCodes();
loadSubscriptionBalance();
}}
/>
</div>
Expand Down
2 changes: 1 addition & 1 deletion app/src/components/RedeemTransferBalanceCodeModal.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -180,7 +180,7 @@ const RedeemTransferBalanceCodeModal: React.FC<RedeemTransferBalanceCodeModalPro
/>

<p id="balance-code-help" className="text-gray-500 text-sm mt-3">
Redeeming transfer balance will add data credit to your network.
Redeeming AppSumo code will add data credit to your network.
</p>
</div>

Expand Down
2 changes: 1 addition & 1 deletion app/src/services/api.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -988,7 +988,7 @@ export const redeemTransferBalanceCode = async (
*/
export const fetchSubscriptionBalance = async (
token: string
): Promise<SubscriptionBalanceResponse> => {
): Promise<SubscriptionBalanceResponse|{error: {message: string}}> => {
try {
const response = await fetch(`${API_BASE_URL}/subscription/balance`, {
method: "GET",
Expand Down