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