scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in fix/ratecard-adjustments (pull request #1638)

Browse Source 
add transparent border to rateCard and make appoximateRate optional

* add transparent border to rateCard and make appoximateRate optional


Approved-by: Simon.Emanuelsson
This commit is contained in:
Arvid Norlin
2025-03-26 09:38:03 +00:00
parent 1c42639423
commit c065101b7c
5 changed files with 35 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
packages/design-system/lib/components/RateCard/Regular/index.tsx
View File

@@ -15,7 +15,7 @@ interface RegularRateCardProps {
paymentTerm: string
rate?: Rate
memberRate?: Rate
approximateRate: Rate
approximateRate?: Rate
hidePublicRate?: boolean
handleChange: () => void
handleTermsClick?: () => void
@@ -76,7 +76,7 @@ export default function RegularRateCard({
</Typography>
<Typography variant="Title/Subtitle/md">
<p>
{rate.price}{' '}
{`${rate.price} `}
<Typography variant="Body/Supporting text (caption)/smBold">
<span>{rate.unit}</span>
</Typography>
@@ -91,7 +91,7 @@ export default function RegularRateCard({
</Typography>
<Typography variant="Title/Subtitle/md">
<p>
{memberRate.price}{' '}
{`${memberRate.price} `}
<Typography variant="Body/Supporting text (caption)/smBold">
<span>{memberRate.unit}</span>
</Typography>
@@ -99,16 +99,18 @@ export default function RegularRateCard({
</Typography>
</div>
) : null}
<div className={`${styles.rateRow} ${styles.approximateRate}`}>
<Typography variant="Body/Supporting text (caption)/smRegular">
<p>{approximateRate.label}</p>
</Typography>
<Typography variant="Body/Supporting text (caption)/smRegular">
<p>
{approximateRate.price} {approximateRate.unit}
</p>
</Typography>
</div>
{approximateRate ? (
<div className={`${styles.rateRow} ${styles.approximateRate}`}>
<Typography variant="Body/Supporting text (caption)/smRegular">
<p>{approximateRate.label}</p>
</Typography>
<Typography variant="Body/Supporting text (caption)/smRegular">
<p>
{approximateRate.price} {approximateRate.unit}
</p>
</Typography>
</div>
) : null}
</div>
</div>
</div>