@@ -406,7 +406,9 @@ export class GLAccountChip extends LitElement {
406
406
private renderAccountState ( ) {
407
407
switch ( this . subscriptionState ) {
408
408
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 > ` ;
410
412
411
413
case SubscriptionState . VerificationRequired :
412
414
return html `< div class ="account-status ">
@@ -456,7 +458,7 @@ export class GLAccountChip extends LitElement {
456
458
> Upgrade to Pro</ gl-button
457
459
>
458
460
</ button-container >
459
- ${ this . renderPromo ( ) } ${ this . renderIncludesDevEx ( ) }
461
+ ${ this . renderPromo ( ) } ${ this . renderIncludesDevEx ( ) } ${ this . renderReferFriend ( ) }
460
462
</ div > ` ;
461
463
}
462
464
@@ -473,7 +475,7 @@ export class GLAccountChip extends LitElement {
473
475
> Upgrade to Pro</ gl-button
474
476
>
475
477
</ button-container >
476
- ${ this . renderPromo ( ) } ${ this . renderIncludesDevEx ( ) }
478
+ ${ this . renderPromo ( ) } ${ this . renderIncludesDevEx ( ) } ${ this . renderReferFriend ( ) }
477
479
</ div > ` ;
478
480
479
481
case SubscriptionState . ProTrialReactivationEligible :
@@ -492,6 +494,7 @@ export class GLAccountChip extends LitElement {
492
494
> Reactivate GitLens Pro Trial</ gl-button
493
495
>
494
496
</ button-container >
497
+ ${ this . renderReferFriend ( ) }
495
498
</ div > ` ;
496
499
497
500
default :
@@ -528,6 +531,18 @@ export class GLAccountChip extends LitElement {
528
531
return html `< p > Includes access to < a href ="${ urls . platform } "> GitKraken's DevEx platform</ a > </ p > ` ;
529
532
}
530
533
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
+
531
546
private renderPromo ( ) {
532
547
return html `< gl-promo
533
548
.promoPromise =${ this . promos . getApplicablePromo ( 'account' ) }
0 commit comments