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