kettanaito

import { Record } from 'immutable'

const CartInitialState = new Record({
  items: [],
  totalPrice: 0,
})

const initialState = new CartInitialState()

export default initialState

kettanaito

import initialState from './initial-state'
import { ADD_ITEM, REMOVE_ITEM } from './action-types'

export default function cart(state = initialState, action) {
  switch (action.type) {
    case ADD_ITEM: {
      const { item } = action
      const nextItems = state.update('items', items => items.push(item))
      const nextTotalPrice = nextItems.reduce((acc, item) => {
        return acc + item.get('price')

kettanaito

import initialState from './initial-state'
import { ADD_ITEM, REMOVE_ITEM } from './action-types'

const getTotalPrice = items => items.reduce((acc, item) => {
  return acc + item.get('price')
}, 0)

export default function cart(state = initialState, action) {
  switch (action.type) {
    case ADD_ITEM: {

kettanaito

import { Record } from 'immutable'

const CartInitialState = new Record({
  items: [],
})

const initialState = new CartInitialState()

export default initialState

kettanaito

// cart/selectors.js
export const getTotalPrice = (cart) => {
  return cart.get('items').reduce((acc, item) => {
    return acc + item.get('price')
  }, 0)
}

kettanaito

import React from 'react'
import { connect } from 'react-redux'
import { getTotalPrice } from './cart/selectors'

class Cart extends React.Component {
  render() {
    const { items, totalPrice } = this.props
    
    return (
      <div>

kettanaito

import { Record, List } from 'immutable'
        
const CartInitialState = new Record({
 items: List()
})

const initialState = CartInitialState({
  items: List()
})

kettanaito

import React from 'react'
import { Composition } from 'atomic-layout'
import SearchBar from './SearchBar'

const templateMobile = `
  'logo'
  'search'
`

const Header = () => (

kettanaito

<Composition
    gutter={10}
    gutterMdOnly={20} />

kettanaito

/**
 * Returns the intersection area (in px) based on the intersection
 * between two given rectangles (i.e. ClientRect).
 */
export default function getIntersection(rectA, rectB) {
  const intersectionX = Math.max(0, Math.min(rectA.right, rectB.right) - Math.max(rectA.left, rectB.left))
  const intersectionY = Math.max(0, Math.min(rectA.bottom, rectB.bottom) - Math.max(rectA.top, rectB.top))
  const intersectionArea = intersectionX * intersectionY
  
  return intersectionArea