Proyectos de Subversion LeadersLinked - Antes de SPA

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

const CapsuleItem = ({
  capsule = {
    name: '',
    image: '',
    status: '',
    link_enroll: ''
  },
  onComplete = () => null
}) => {
  const enroll = async url => {
    try {
      await axios.post(url)
      onComplete()
    } catch (error) {
      console.log('>>: error > ', error)
    }
  }

  return (
        <div className="marketplace_card" key={capsule.name}>
            <div className="microlearning-up-info">
                <img src={capsule.image} alt={capsule.name} />
                <h3>{capsule.name}</h3>
                <h4>{LABELS.STATUS} : {capsule.status}</h4>
                {capsule.link_enroll &&
                    <ul>
                        <li>
                            <button
                                onClick={() => enroll(capsule.link_enroll)}
                                title={'Seleccionar: ' + capsule.name}
                                className="btn btn-primary cursor-pointer">
                                {LABELS.ENROLL}
                            </button>
                        </li>
                    </ul>
                }
            </div>
        </div>
  )
}

export default CapsuleItem