bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2026-02-04 10:43:47 +00:00
Code Issues Releases Wiki Activity

temp-fix(billing): add currency pipe to pricing card component

Browse Source
This commit is contained in:
Stephon Brown
2025-09-23 10:57:28 -04:00
parent 1fff0ce1fc
commit 5cfbc413af
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
libs/pricing/src/components/pricing-card/pricing-card.component.html
View File

@@ -24,9 +24,9 @@
@if (price(); as priceValue) {
<div class="tw-mb-6">
<div class="tw-flex tw-items-baseline tw-gap-1 tw-flex-wrap">
<span class="tw-text-3xl tw-font-bold tw-leading-none tw-m-0"
>${{ priceValue.amount }}</span
>
<span class="tw-text-3xl tw-font-bold tw-leading-none tw-m-0">{{
priceValue.amount | currency: "USD" : "symbol"
}}</span>
<span bitTypography="helper" class="tw-text-muted">
/ {{ priceValue.cadence }}
@if (priceValue.showPerUser) {

3
libs/pricing/src/components/pricing-card/pricing-card.component.ts
View File

@@ -1,3 +1,4 @@
import { CurrencyPipe } from "@angular/common";
import { Component, EventEmitter, input, Output } from "@angular/core";
import {
@@ -17,7 +18,7 @@ import {
@Component({
selector: "billing-pricing-card",
templateUrl: "./pricing-card.component.html",
imports: [BadgeModule, ButtonModule, IconModule, TypographyModule],
imports: [BadgeModule, ButtonModule, IconModule, TypographyModule, CurrencyPipe],
})
export class PricingCardComponent {
tagline = input.required<string>();