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">

      <img src={capsule.image} alt={capsule.name} />

      <div className="microlearning-up-info">

        <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">

                {LABELS.ENROLL}

              </button>

            </li>

          </ul>}

      </div>

    </div>

  )

}

export default CapsuleItem