@tycoonsystems/tycoon-modules/modules/defaults/Cart_backup.js

www.tv.tycoon.systems/documentation

import React from 'react'
import { CartCc, CartDisclaimer, CartItems, CartMessages, CartTotal, ItemsRemaining, ItemsTotal, PurchaseButton } from '@tycoonsystems/tycoon-modules/ecommerce/cart'

const Module = props => {
    return (
        <div className={`Ecommerce_Cart_Container ${props.className} ${props.open || props?.menuOpen && !props?.closing ? 'Ecommerce_Cart_Container_Visible' : ''}`} ref={props?.container} style={{ top: props?.menuConfig?.height && !isNaN(Number(props.menuConfig.height)) ? Number(props.menuConfig.height) + 'px' : '' }}>
            {
                props.open || props?.menuOpen
                    ? <div style={{ position: 'relative' }}>
                        <div className={`spinner spinnerBig ${props?.fetchBusy ? 'opacity1 spinnerRelative' : 'opacity0 spinnerRelative'}`} style={{ position: 'absolute', left: '5%', top: '5%', zIndex: 505 }}></div>
                        <React.Fragment>
                            <div className={`${props?.fetchBusy ? 'fetchNotBusy fetchBusy' : 'fetchNotBusy'}`}></div>
                            <div className='Ecommerce_Cart_Internal_Container'>
                                <h5 className={'Ecommerce_Label'}>Cart</h5>
                                <CartItems { ...props } />
                                <div style={{ fontSize: '1rem', lineHeight: '1.25rem' }}>
                                    <ItemsTotal { ...props } />
                                    <CartTotal { ...props } />
                                    <PurchaseButton { ...props } />
                                    <CartMessages { ...props } />
                                    <CartCc { ...props } />
                                    <CartDisclaimer { ...props } />
                                    <ItemsRemaining { ...props } />
                                </div>
                            </div>
                        </React.Fragment>
                    </div>
                    : null
            }
        </div>
    )
}

export default Module