Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2024-11-25 12:15:18 +01:00
Code Issues Projects Releases Wiki Activity

Resolved subscription page problem for free org (#8622)

Browse Source
This commit is contained in:
Alex Morask 2024-04-05 09:23:12 -04:00 committed by GitHub
parent 775c8a1bbe
commit 9f8f93ef97
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/src/app/billing/organizations/subscription-status.component.html
View File

@ -14,7 +14,7 @@
<dl class="tw-grid tw-grid-flow-col tw-grid-rows-2"> <dl class="tw-grid tw-grid-flow-col tw-grid-rows-2">
<dt>{{ "billingPlan" | i18n }}</dt> <dt>{{ "billingPlan" | i18n }}</dt>
<dd>{{ planName }}</dd> <dd>{{ planName }}</dd>
<ng-container> <ng-container *ngIf="data.status && data.date">
<dt>{{ data.status.label }}</dt> <dt>{{ data.status.label }}</dt>
<dd> <dd>
<span class="tw-capitalize"> <span class="tw-capitalize">

15
apps/web/src/app/billing/organizations/subscription-status.component.ts
View File

@ -5,11 +5,11 @@ import { OrganizationSubscriptionResponse } from "@bitwarden/common/billing/mode
import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service"; import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
type ComponentData = { type ComponentData = {
status: { status?: {
label: string; label: string;
value: string; value: string;
}; };
date: { date?: {
label: string; label: string;
value: string; value: string;
}; };
@ -44,13 +44,15 @@ export class SubscriptionStatusComponent {
} }
get status(): string { get status(): string {
return this.subscription.status != "canceled" && this.subscription.cancelAtEndDate return this.subscription
? this.subscription.status != "canceled" && this.subscription.cancelAtEndDate
? "pending_cancellation" ? "pending_cancellation"
: this.subscription.status; : this.subscription.status
: "free";
} }
get subscription() { get subscription() {
return this.organizationSubscriptionResponse.subscription; return this.organizationSubscriptionResponse?.subscription;
} }
get data(): ComponentData { get data(): ComponentData {
@ -61,6 +63,9 @@ export class SubscriptionStatusComponent {
const cancellationDateLabel = this.i18nService.t("cancellationDate"); const cancellationDateLabel = this.i18nService.t("cancellationDate");
switch (this.status) { switch (this.status) {
case "free": {
return {};
}
case "trialing": { case "trialing": {
return { return {
status: { status: {