All files / app/shipping StaticConsignmentItemList.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
36
37
38
39
40
41
 
15x
 
15x
 
15x
15x
 
 
 
 
 
 
15x
7x
7x
 
7x
 
7x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
15x
 
import { Cart, Consignment } from '@bigcommerce/checkout-sdk';
import React, { memo, FunctionComponent } from 'react';
 
import { TranslatedString } from '../locale';
 
import findLineItems from './findLineItems';
import getLineItemsCount from './getLineItemsCount';
 
export interface StaticConsignmentItemListProps {
    consignment: Consignment;
    cart: Cart;
}
 
const StaticConsignmentItemList: FunctionComponent<StaticConsignmentItemListProps> = ({
    cart,
    consignment,
}) => {
    const lineItems = findLineItems(cart, consignment);
 
    return (
        <div className="staticConsignment-items">
            <strong>
                <TranslatedString
                    data={ { count: getLineItemsCount(lineItems) } }
                    id="cart.item_count_text"
                />
            </strong>
 
            <ul>
                { lineItems.map(item =>
                    <li key={ item.id }>
                        { `${item.quantity} x ${item.name}` }
                    </li>
                ) }
            </ul>
        </div>
    );
};
 
export default memo(StaticConsignmentItemList);