Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Autoría | Ultima modificación | Ver Log |

/* eslint-disable react/prop-types */
import React from 'react'
import { axios } from '../../utils'

const RewardItem = ({
  reward = {
    name: '',
    image: '',
    link_claim: ''
  },
  onComplete = () => null
}) => {
  const claim = async url => {
    try {
      await axios.post(url)
      onComplete()
    } catch (error) {
      console.log('>>: error > ', error)
    }
  }

  return (
        <div className="marketplace_card" key={reward.name}>
            <div className="microlearning-up-info">
                <img src={reward.image} alt={reward.name} />
                <h3>{reward.name}</h3>
                {reward.link_claim &&
                    <ul>
                        <li>
                            <button
                                onClick={() => claim(reward.link_claim)}
                                title={'Seleccionar: ' + reward.name}
                                className="btn btn-primary cursor-pointer">
                                {LABELS.CLAIM}
                            </button>
                        </li>
                    </ul>
                }
            </div>
        </div>
  )
}

export default RewardItem