All files / app/promotion PromotionBanner.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
4x
4x
 
4x
4x
 
 
 
 
 
4x
4x
4x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4x
 
import DOMPurify from 'dompurify';
import React, { memo, FunctionComponent } from 'react';
 
import { Alert, AlertType } from '../ui/alert';
import { IconTag } from '../ui/icon';
 
export interface PromotionBannerProps {
    message: string;
}
 
const PromotionBanner: FunctionComponent<PromotionBannerProps> = ({
    message,
}) => (
    <Alert
        additionalClassName="optimizedCheckout-discountBanner"
        icon={ <IconTag /> }
        type={ AlertType.Info }
    >
        <span
            dangerouslySetInnerHTML={ {
                __html: DOMPurify.sanitize(message),
            } }
            data-test="promotion-banner-message"
        />
    </Alert>
);
 
export default memo(PromotionBanner);