refactor: rename affiliateUsername to affiliateName across app

Replace all instances of affiliateUsername with affiliateName in 
templates, components, and models to better represent and display 
affiliate information. Update tests accordingly to use affiliateName. 
This improves clarity and
consistency in handling affiliate data throughout the application.

Author: rohitpaulk

app/components/affiliate-link-page/accept-referral-button.hbs

@@ -17,7 +17,7 @@
   {{else if this.currentUserIsReferrer}}
     <EmberTooltip @text="You can't accept your own referral offer." />
   {{else if this.currentUserHasActiveDiscountFromAffiliateReferral}}
-    <EmberTooltip @text="You've already accepted {{this.currentUser.currentAffiliateReferral.affiliateLink.affiliateUsername}}'s referral offer." />
+    <EmberTooltip @text="You've already accepted {{this.currentUser.currentAffiliateReferral.affiliateLink.affiliateName}}'s referral offer." />
   {{else if this.currentUserCanAccessMembershipBenefits}}
     <EmberTooltip @text="As a CodeCrafters member, you already have full access." />
   {{/if}}

app/components/affiliate-link-page/accept-referral-container.hbs

@@ -21,7 +21,7 @@
   </div>
 
   <div class="prose dark:prose-invert text-center max-w-sm">
-    <b class="dark:text-gray-50">@{{@affiliateLink.affiliateUsername}}</b>
+    <b class="dark:text-gray-50">@{{@affiliateLink.affiliateName}}</b>
     wants you to try CodeCrafters. Signing up is free.
     <b class="dark:text-gray-50">40% off</b>
     if you upgrade.

app/components/pay-page/choose-membership-plan-modal/plan-card.hbs

@@ -58,7 +58,7 @@
                 —
                 {{#if @promotionalDiscount.isFromAffiliateReferral}}<span
                     class="text-nowrap"
-                  >{{@promotionalDiscount.affiliateReferral.affiliateLink.affiliateUsername}}'s</span>
+                  >{{@promotionalDiscount.affiliateReferral.affiliateLink.affiliateName}}'s</span>
                   referral offer{{else if @promotionalDiscount.isFromStage2Completion}}Stage 2 completion discount{{else if
                   @promotionalDiscount.isFromSignup
                 }}Signup discount{{/if}}, expires in

app/components/pay-page/referral-discount-notice.hbs

@@ -18,7 +18,7 @@
       <img alt="avatar" src={{@discount.affiliateReferral.affiliateLink.affiliateAvatarUrl}} class="inline-block w-6 h-6" />
     {{/if}}
 
-    <b>{{@discount.affiliateReferral.affiliateLink.affiliateUsername}}</b>'s referral offer: Subscribe in
+    <b>{{@discount.affiliateReferral.affiliateLink.affiliateName}}</b>'s referral offer: Subscribe in
     <span class="font-bold percy-timestamp font-mono text-lg border-b border-yellow-500 border-dashed">{{this.timeLeftText}}</span>
     to get
     <span class="font-bold">40% off</span>

app/models/affiliate-link.ts

@@ -9,7 +9,7 @@ export default class AffiliateLinkModel extends Model {
 
   @hasMany('affiliate-referral', { async: false, inverse: 'affiliateLink' }) declare referrals: AffiliateReferralModel[];
 
-  @attr('string') declare affiliateUsername: string;
+  @attr('string') declare affiliateName: string;
   @attr('string') declare affiliateAvatarUrl: string;
   @attr('string') declare slug: string;
   @attr('string') declare url: string;

app/templates/join-course.hbs

@@ -1,4 +1,4 @@
-{{page-title (concat "Join " this.model.affiliateLink.affiliateUsername " on CodeCrafters") replace=true}}
+{{page-title (concat "Join " this.model.affiliateLink.affiliateName " on CodeCrafters") replace=true}}
 
 {{! Note: This is very similar to the course overview page atm so it re-uses a lot of the same components. }}
 <div class="container mx-auto lg:max-w-(--breakpoint-lg) pt-6 md:pt-10 pb-10 px-3 md:px-6">

app/templates/join-track.hbs

@@ -1,4 +1,4 @@
-{{page-title (concat "Join " this.model.affiliateLink.affiliateUsername " on CodeCrafters") replace=true}}
+{{page-title (concat "Join " this.model.affiliateLink.affiliateName " on CodeCrafters") replace=true}}
 
 {{! Note: This is very similar to the track page atm so it re-uses a lot of the same components. }}
 <div class="container mx-auto lg:max-w-(--breakpoint-lg) px-3 md:px-6 py-6 md:py-10">

app/templates/join.hbs

@@ -1,4 +1,4 @@
-{{page-title (concat "Join " this.model.affiliateLink.affiliateUsername " on CodeCrafters") replace=true}}
+{{page-title (concat "Join " this.model.affiliateLink.affiliateName " on CodeCrafters") replace=true}}
 
 <div class="bg-white bg-github-green-dot-wall">
   <div class="container mx-auto lg:max-w-(--breakpoint-xl) pt-8 sm:pt-16 pb-48 px-3 md:px-6">
@@ -41,7 +41,7 @@
 
     <div class="flex flex-col gap-4 justify-center items-center mt-16">
       <AffiliateLinkPage::AcceptReferralButton @affiliateLink={{this.model.affiliateLink}} />
-      <div class="text-xs text-slate-700 text-center">Get access to 40% off via @{{@model.affiliateLink.affiliateUsername}}</div>
+      <div class="text-xs text-slate-700 text-center">Get access to 40% off via @{{this.model.affiliateLink.affiliateName}}</div>
     </div>
 
     <h2 class="text-2xl font-bold text-gray-900 md:text-3xl text-center mt-16">
@@ -56,7 +56,7 @@
 
     <div class="flex flex-col gap-4 justify-center items-center mt-16">
       <AffiliateLinkPage::AcceptReferralButton @affiliateLink={{this.model.affiliateLink}} />
-      <div class="text-xs text-slate-700 text-center">Get access to 40% off via @{{@model.affiliateLink.affiliateUsername}}</div>
+      <div class="text-xs text-slate-700 text-center">Get access to 40% off via @{{this.model.affiliateLink.affiliateName}}</div>
     </div>
   </div>
 </div>

tests/acceptance/affiliate-link-page/accept-referral-offer-test.js

@@ -42,7 +42,7 @@ module('Acceptance | affiliate-link-page | accept-referral-offer', function (hoo
 
     this.server.create('affiliate-link', {
       user: referrer,
-      affiliateUsername: 'sarupbanskota',
+      affiliateName: 'sarupbanskota',
       affiliateAvatarUrl: 'https://avatars.githubusercontent.com/u/1234567890?v=4',
     });
 

tests/acceptance/pay-test.js

@@ -118,6 +118,8 @@ module('Acceptance | pay-test', function (hooks) {
 
     const affiliateLink = this.server.create('affiliate-link', {
       user: user,
+      affiliateName: 'rohitpaulk',
+      affiliateAvatarUrl: 'https://avatars.githubusercontent.com/u/1234567890?v=4',
     });
 
     const affiliateReferral = this.server.create('affiliate-referral', {