@@ -406,7 +406,9 @@ export class GLAccountChip extends LitElement {
406406 private renderAccountState ( ) {
407407 switch ( this . subscriptionState ) {
408408 case SubscriptionState . Paid :
409- return html `< div class ="account-status "> ${ this . renderIncludesDevEx ( ) } </ div > ` ;
409+ return html `< div class ="account-status ">
410+ ${ this . renderIncludesDevEx ( ) } ${ this . renderReferFriend ( ) }
411+ </ div > ` ;
410412
411413 case SubscriptionState . VerificationRequired :
412414 return html `< div class ="account-status ">
@@ -456,7 +458,7 @@ export class GLAccountChip extends LitElement {
456458 > Upgrade to Pro</ gl-button
457459 >
458460 </ button-container >
459- ${ this . renderPromo ( ) } ${ this . renderIncludesDevEx ( ) }
461+ ${ this . renderPromo ( ) } ${ this . renderIncludesDevEx ( ) } ${ this . renderReferFriend ( ) }
460462 </ div > ` ;
461463 }
462464
@@ -473,7 +475,7 @@ export class GLAccountChip extends LitElement {
473475 > Upgrade to Pro</ gl-button
474476 >
475477 </ button-container >
476- ${ this . renderPromo ( ) } ${ this . renderIncludesDevEx ( ) }
478+ ${ this . renderPromo ( ) } ${ this . renderIncludesDevEx ( ) } ${ this . renderReferFriend ( ) }
477479 </ div > ` ;
478480
479481 case SubscriptionState . ProTrialReactivationEligible :
@@ -492,6 +494,7 @@ export class GLAccountChip extends LitElement {
492494 > Reactivate GitLens Pro Trial</ gl-button
493495 >
494496 </ button-container >
497+ ${ this . renderReferFriend ( ) }
495498 </ div > ` ;
496499
497500 default :
@@ -528,6 +531,18 @@ export class GLAccountChip extends LitElement {
528531 return html `< p > Includes access to < a href ="${ urls . platform } "> GitKraken's DevEx platform</ a > </ p > ` ;
529532 }
530533
534+ private renderReferFriend ( ) {
535+ return html `< p >
536+ < a
537+ href ="${ createCommandLink < Source > ( 'gitlens.plus.referFriend' , {
538+ source : 'account' ,
539+ } ) } "
540+ > Refer a friend</ a
541+ >
542+ — give 50% off and get up to $20
543+ </ p > ` ;
544+ }
545+
531546 private renderPromo ( ) {
532547 return html `< gl-promo
533548 .promoPromise =${ this . promos . getApplicablePromo ( 'account' ) }
0 commit comments