All files / app/coupon AppliedCoupon.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
9x
 
9x
 
 
 
 
 
9x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9x
 
import { Coupon } from '@bigcommerce/checkout-sdk';
import React, { memo, FunctionComponent } from 'react';
 
import { TranslatedString } from '../locale';
 
export interface AppliedCouponProps {
    coupon: Coupon;
}
 
const AppliedCoupon: FunctionComponent<AppliedCouponProps> = ({ coupon }) => (
    <div
        className="redeemable-column redeemable-info"
        data-test="redeemable-item--coupon"
    >
        <span className="redeemable-info-header">
            <span
                className="redeemable-info-header--highlight"
                data-test="coupon-amount"
            >
                { coupon.displayName }
            </span>
 
            { ' ' }
 
            <TranslatedString id="redeemable.coupon_text" />
        </span>
 
        <span className="redeemable-info-subHeader" data-test="coupon-code">
            { coupon.code }
        </span>
    </div>
);
 
export default memo(AppliedCoupon);