diff --git a/src/webviews/apps/plus/account/account.ts b/src/webviews/apps/plus/account/account.ts index 76396c6..dccb902 100644 --- a/src/webviews/apps/plus/account/account.ts +++ b/src/webviews/apps/plus/account/account.ts @@ -64,11 +64,7 @@ export class AccountApp extends App { } private getDaysRemaining() { - if ( - ![SubscriptionState.FreeInPreviewTrial, SubscriptionState.FreePlusInTrial].includes( - this.state.subscription.state, - ) - ) { + if (this.state.subscription.state !== SubscriptionState.FreePlusInTrial) { return 0; } diff --git a/src/webviews/apps/plus/account/components/account-content.ts b/src/webviews/apps/plus/account/components/account-content.ts index 1334ab0..d654920 100644 --- a/src/webviews/apps/plus/account/components/account-content.ts +++ b/src/webviews/apps/plus/account/components/account-content.ts @@ -26,7 +26,7 @@ export class AccountContent extends LitElement { position: relative; display: grid; gap: 0 0.8rem; - grid-template-columns: 3.4rem auto; + grid-template-columns: 3.4rem auto min-content; grid-auto-flow: column; margin-bottom: 1.3rem; } @@ -56,6 +56,10 @@ export class AccountContent extends LitElement { color: var(--color-foreground--65); } + .account__signout { + grid-row: 1 / span 2; + } + .repo-access { font-size: 1.1em; margin-right: 0.2rem; @@ -132,13 +136,12 @@ export class AccountContent extends LitElement {

${this.name}

${this.planName}${this.daysLeft}

+
+ +
- - Manage Account - - `; } @@ -203,6 +206,11 @@ export class AccountContent extends LitElement { case SubscriptionState.Paid: return html` + + Manage Account +

You have access to ✨ features on privately hosted repos and ☁️ features based on your subscription tier.