Proyectos de Subversion LeadersLinked - Antes de SPA

/* 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