Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5226 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
5182 stevensc 1 
/* eslint-disable react/prop-types */
2 
import React from 'react'
3 
import { axios } from '../../utils'
4 
 
5 
const CapsuleItem = ({
6 
  capsule = {
7 
    name: '',
8 
    image: '',
9 
    status: '',
10 
    link_enroll: ''
11 
  },
12 
  onComplete = () => null
13 
}) => {
14 
  const enroll = async url => {
15 
    try {
16 
      await axios.post(url)
17 
      onComplete()
18 
    } catch (error) {
19 
      console.log('>>: error > ', error)
20 
    }
21 
  }
22 
 
5229 stevensc 23 
  const claim = async url => {
24 
    try {
25 
      await axios.post(url)
26 
      onComplete()
27 
    } catch (error) {
28 
      console.log('>>: error > ', error)
29 
    }
30 
  }
31 
 
5182 stevensc 32 
  return (
5226 stevensc 33 
    <div className="marketplace_card">
34 
      <img src={capsule.image} alt={capsule.name} />
35 
      <div className="microlearning-up-info">
36 
        <h3>{capsule.name}</h3>
5229 stevensc 37 
        {capsule.status && <h4>{LABELS.STATUS}: {capsule.status}</h4>}
38 
        {capsule.link_claim &&
39 
          <ul>
40 
            <li>
41 
              <button
42 
                onClick={() => claim(capsule.link_claim)}
43 
                title={'Seleccionar: ' + capsule.name}
44 
                className="btn btn-primary cursor-pointer">
45 
                {LABELS.CLAIM}
46 
              </button>
47 
            </li>
48 
          </ul>
49 
        }
5226 stevensc 50 
        {capsule.link_enroll &&
51 
          <ul>
52 
            <li>
53 
              <button
54 
                onClick={() => enroll(capsule.link_enroll)}
55 
                title={'Seleccionar: ' + capsule.name}
56 
                className="btn btn-primary">
57 
                {LABELS.ENROLL}
58 
              </button>
59 
            </li>
60 
          </ul>}
61 
      </div>
62 
    </div>
5182 stevensc 63 
  )
64 
}
65 
 
66 
export default CapsuleItem