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)
    }
  }

  const claim = 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>
        {capsule.status && <h4>{LABELS.STATUS}: {capsule.status}</h4>}
        {capsule.link_claim &&
          <ul>
            <li>
              <button
                onClick={() => claim(capsule.link_claim)}
                title={'Seleccionar: ' + capsule.name}
                className="btn btn-primary cursor-pointer">
                {LABELS.CLAIM}
              </button>
            </li>
          </ul>
        }
        {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