import React from 'react'
import { connect } from 'react-redux'
import deventh from 'deventh'
 
import photo from './photo.jpg'
 
@connect()
export default function Photo({ id, dispatch }) {
    const openPhoto = () => dispatch({ type: 'open_photo', id })
    const likePhoto = () => dispatch({ type: 'like_photo', id })
    const handleClick = event => deventh(event)
            .debounce({ ms: 300 })
            .handle((_, n) => switch (n) {
                if (n === 1) {
                    openPhoto()
                } else if (n === 2) {
                    likePhoto()
                }
            })
 
    return (
        <img src={photo} onClick={handleClick} />
    )
}