sample code for the tut `Build a Shopping Cart with React, Redux, and React-DnD`

dnd_phone.js

class Phone extends Component{
    render(){
        const { brand } = this.props;
        const { isDragging, connectDragSource } = this.props;

        const opacity = isDragging? 0.4: 1;
        const style={
            opacity: opacity
        };
        const phoneClass = isDragging? 'ui card phone drag': 'ui card phone';
        return connectDragSource(
            <div className={phoneClass} style={style}>
                <div className="image"><img src="/images/phone.jpg" /></div>
                <div className="content">
                    <div className="phone-name">{ brand }</div>
                    <div className="meta">8G RAM, 16G memory</div>
                </div>
                <div className="extra content">
                    <a>
                    <i aria-hidden="true" className="money icon"></i>
                    $ 80
                    </a>
                </div>
            </div>
        )
    }
}

export default DragSource(ItemTypes.PHONE, phoneSpec, collect)(Phone);