diff --git a/apps/web/src/app/organizations/settings/image-subscription-hidden.component.ts b/apps/web/src/app/organizations/settings/image-subscription-hidden.component.ts deleted file mode 100644 index ff2a639e398..00000000000 --- a/apps/web/src/app/organizations/settings/image-subscription-hidden.component.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { Component } from "@angular/core"; - -// Component is used so that the SVG can embed CSS color variables -@Component({ - selector: "app-image-org-subscription-hidden", - templateUrl: "image-subscription-hidden.component.svg", -}) -export class ImageSubscriptionHiddenComponent {} diff --git a/apps/web/src/app/organizations/settings/organization-subscription.component.html b/apps/web/src/app/organizations/settings/organization-subscription.component.html index e54aa470187..2b5f50a8b62 100644 --- a/apps/web/src/app/organizations/settings/organization-subscription.component.html +++ b/apps/web/src/app/organizations/settings/organization-subscription.component.html @@ -18,7 +18,7 @@
- +

{{ "billingManagedByProvider" | i18n: this.userOrg.providerName }}

{{ "billingContactProviderForAssistance" | i18n }}

diff --git a/apps/web/src/app/organizations/settings/organization-subscription.component.ts b/apps/web/src/app/organizations/settings/organization-subscription.component.ts index fe29a38a96d..dbcdfd907ae 100644 --- a/apps/web/src/app/organizations/settings/organization-subscription.component.ts +++ b/apps/web/src/app/organizations/settings/organization-subscription.component.ts @@ -21,6 +21,7 @@ import { OrganizationSubscriptionResponse } from "@bitwarden/common/models/respo import { BillingSyncKeyComponent } from "../../settings/billing-sync-key.component"; import { BillingSyncApiKeyComponent } from "./billing-sync-api-key.component"; +import { SubscriptionHiddenIcon } from "./subscription-hidden.icon"; @Component({ selector: "app-org-subscription", @@ -58,6 +59,8 @@ export class OrganizationSubscriptionComponent implements OnInit { billingSyncKeyViewContainerRef: ViewContainerRef; billingSyncKeyRef: [ModalRef, BillingSyncKeyComponent]; + subscriptionHiddenIcon = SubscriptionHiddenIcon; + constructor( private apiService: ApiService, private platformUtilsService: PlatformUtilsService, diff --git a/apps/web/src/app/organizations/settings/image-subscription-hidden.component.svg b/apps/web/src/app/organizations/settings/subscription-hidden.icon.ts similarity index 90% rename from apps/web/src/app/organizations/settings/image-subscription-hidden.component.svg rename to apps/web/src/app/organizations/settings/subscription-hidden.icon.ts index a45a3deccec..3745747eceb 100644 --- a/apps/web/src/app/organizations/settings/image-subscription-hidden.component.svg +++ b/apps/web/src/app/organizations/settings/subscription-hidden.icon.ts @@ -1,20 +1,24 @@ +import { svgIcon } from "@bitwarden/components"; + +export const SubscriptionHiddenIcon = svgIcon` - - - - - - - + + + + + + + - - - - - - - - + + + + + + + + +`; diff --git a/apps/web/src/app/shared/loose-components.module.ts b/apps/web/src/app/shared/loose-components.module.ts index c68741b5a2b..a8a01714ac2 100644 --- a/apps/web/src/app/shared/loose-components.module.ts +++ b/apps/web/src/app/shared/loose-components.module.ts @@ -63,7 +63,6 @@ import { BillingSyncApiKeyComponent } from "../organizations/settings/billing-sy import { ChangePlanComponent } from "../organizations/settings/change-plan.component"; import { DeleteOrganizationComponent } from "../organizations/settings/delete-organization.component"; import { DownloadLicenseComponent } from "../organizations/settings/download-license.component"; -import { ImageSubscriptionHiddenComponent as OrgSubscriptionHiddenComponent } from "../organizations/settings/image-subscription-hidden.component"; import { OrganizationBillingComponent } from "../organizations/settings/organization-billing.component"; import { OrganizationSubscriptionComponent } from "../organizations/settings/organization-subscription.component"; import { SettingsComponent as OrgSettingComponent } from "../organizations/settings/settings.component"; @@ -242,7 +241,6 @@ import { SharedModule } from "."; OrgSettingComponent, OrgToolsComponent, OrgTwoFactorSetupComponent, - OrgSubscriptionHiddenComponent, OrgUnsecuredWebsitesReportComponent, OrgUserAddEditComponent, OrgUserConfirmComponent,