Merge pull request #66 from urnetwork/balance-code-updates

Balance Codes section updates

Author: stuartwk

app/src/components/BalanceCodesSection.tsx

@@ -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>
@@ -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>
@@ -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>
         )}
@@ -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>
@@ -226,6 +226,7 @@ const BalanceCodesSection: React.FC = () => {
         onSuccess={() => {
           // reload balance codes
           loadTransferBalanceCodes();
+		  loadSubscriptionBalance();
         }}
       />
     </div>

app/src/components/RedeemTransferBalanceCodeModal.tsx

@@ -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>
 

app/src/services/api.ts

@@ -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",