11import { css , html , LitElement , nothing } from 'lit' ;
22import { customElement , property } from 'lit/decorators.js' ;
33import { SubscriptionState } from '../../../../../subscription' ;
4- // FIXME@d 13 - conflict with gk-button from shared library
5- // import '../../../shared/components/button';
4+ import '../../../shared/components/button' ;
65import { linkStyles } from './vscode.css' ;
76
87@customElement ( 'gk-feature-gate-plus-state' )
@@ -14,20 +13,20 @@ export class FeatureGatePlusState extends LitElement {
1413 container-type: inline-size;
1514 }
1615
17- :host([appearance='welcome']) gk -button {
16+ :host([appearance='welcome']) gl -button {
1817 width: 100%;
1918 max-width: 300px;
2019 }
2120
2221 @container (max-width: 600px) {
23- :host([appearance='welcome']) gk -button {
22+ :host([appearance='welcome']) gl -button {
2423 display: block;
2524 margin-left: auto;
2625 margin-right: auto;
2726 }
2827 }
2928
30- :host([appearance='alert']) gk -button {
29+ :host([appearance='alert']) gl -button {
3130 display: block;
3231 margin-left: auto;
3332 margin-right: auto;
@@ -62,18 +61,18 @@ export class FeatureGatePlusState extends LitElement {
6261 case SubscriptionState . VerificationRequired :
6362 return html `
6463 < p > You must verify your email before you can continue.</ p >
65- < gk -button appearance ="${ appearance } " href ="command:gitlens.plus.resendVerification "
66- > Resend verification email</ gk -button
64+ < gl -button appearance ="${ appearance } " href ="command:gitlens.plus.resendVerification "
65+ > Resend verification email</ gl -button
6766 >
68- < gk -button appearance ="${ appearance } " href ="command:gitlens.plus.validate "
69- > Refresh verification status</ gk -button
67+ < gl -button appearance ="${ appearance } " href ="command:gitlens.plus.validate "
68+ > Refresh verification status</ gl -button
7069 >
7170 ` ;
7271
7372 case SubscriptionState . Free :
7473 return html `
75- < gk -button appearance ="${ appearance } " href ="command:gitlens.plus.startPreviewTrial "
76- > Preview Now</ gk -button
74+ < gl -button appearance ="${ appearance } " href ="command:gitlens.plus.startPreviewTrial "
75+ > Preview Now</ gl -button
7776 >
7877 < p >
7978 Preview Pro for 3 days, or
@@ -88,17 +87,17 @@ export class FeatureGatePlusState extends LitElement {
8887 Your 3-day Pro preview has ended, start a free Pro trial to get an additional 7 days, or
8988 < a href ="command:gitlens.plus.loginOrSignUp "> sign in</ a > .
9089 </ p >
91- < gk -button appearance ="${ appearance } " href ="command:gitlens.plus.loginOrSignUp "
92- > Start Free Pro Trial</ gk -button
90+ < gl -button appearance ="${ appearance } " href ="command:gitlens.plus.loginOrSignUp "
91+ > Start Free Pro Trial</ gl -button
9392 >
9493 < p > ✨ A trial or paid plan is required to use this on privately hosted repos.</ p >
9594 ` ;
9695
9796 case SubscriptionState . FreePlusTrialExpired :
9897 return html `
9998 < p > Your Pro trial has ended, please upgrade to continue to use this on privately hosted repos.</ p >
100- < gk -button appearance ="${ appearance } " href ="command:gitlens.plus.purchase "
101- > Upgrade to Pro</ gk -button
99+ < gl -button appearance ="${ appearance } " href ="command:gitlens.plus.purchase "
100+ > Upgrade to Pro</ gl -button
102101 >
103102 < p > ✨ A paid plan is required to use this on privately hosted repos.</ p >
104103 ` ;
0 commit comments