Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 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 36 37 38 39 40 41 42 43 44 45 46 47 48 49 | 9x 9x 9x 9x 9x 9x 5x 5x 5x 5x 9x | import classNames from 'classnames';
import React, { FunctionComponent } from 'react';
import { TranslatedString } from '../locale';
import { IconRemove } from '../ui/icon';
import './AppliedRedeemable.scss';
export interface AppliedRedeemableProps {
isRemoving: boolean;
onRemove(): void;
}
const AppliedRedeemable: FunctionComponent<AppliedRedeemableProps> = ({
children,
isRemoving,
onRemove,
}) => (
<div className="form-checklist-header">
<div className="form-checklist-checkbox optimizedCheckout-form-checklist-checkbox">
<span className="is-srOnly">
<TranslatedString id="redeemable.applied_text" />
</span>
</div>
<div className="form-label form-label-redeemable">
<div className="redeemable">
{ children }
<div className="redeemable-column redeemable-actions">
<button
className={ classNames(
'redeemable-remove',
{ 'is-loading': isRemoving }
) }
data-test="redeemable-remove"
disabled={ isRemoving }
onClick={ onRemove }
type="button"
>
<IconRemove />
</button>
</div>
</div>
</div>
</div>
);
export default AppliedRedeemable;
|