Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5182 | Rev 5225 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 5182 Rev 5223
Línea 1... Línea 1...
1 
/* eslint-disable react/prop-types */
 1 
/* eslint-disable react/prop-types */
2 
import React, { useEffect, useState } from 'react'
 2 
import React, { useEffect, useState } from 'react'
3 
import { axios } from '../../utils'
 3 
import { axios } from '../../utils'
4 
import CapsulesList from './CapsulesList'
 4 
import CapsulesList from './CapsulesList'
- 
 
 5 
import RewardsList from './RewardsList'
- 
 
 6 
 
Línea 5... Línea 7...
5 
 
 7 
 
6 
const MarketPlace = () => {
 8 
const MarketPlace = () => {
- 
 
 9 
  const [capsules, setCapsules] = useState([])
7 
  const [capsules, setCapsules] = useState([])
 10 
  const [rewards, setRewards] = useState([])
8 
  const [categories, setCategories] = useState([])
 11 
  const [categories, setCategories] = useState([])
9 
  const [searchParams, setSearchParams] = useState({
 12 
  const [searchParams, setSearchParams] = useState({
10 
    search: '',
 13 
    search: '',
11 
    category: 'capsules'
 14 
    category: 'rewards'
Línea 12... Línea 15...
12 
  })
 15 
  })
Línea 13... Línea 16...
13 
 
 16 
 
14 
  const handleChange = ({ target }) => setSearchParams({ ...searchParams, [target.name]: target.value })
 17 
  const handleChange = ({ target }) => setSearchParams({ ...searchParams, [target.name]: target.value })
15 
 
 18 
 
- 
 
 19 
  const load = async (_search = searchParams.search, _entity = searchParams.category) => {
- 
 
 20 
    try {
16 
  const load = async (_search = searchParams.search, _entity = searchParams.category) => {
 21 
      const { data } = await axios.get('/marketplace?search=' + _search + '&entity=' + _entity)
- 
 
 22
- 
 
 23 
      if(_entity == 'capsules') {
- 
 
 24 
      	if (data.success) setCapsules(data.data)
- 
 
 25 
      }
17 
    try {
 26 
		if(_entity == 'rewards') {
18 
      const { data } = await axios.get('/marketplace?search=' + _search + '&entity=' + _entity)
 27 
      	if (data.success) setRewards(data.data)
19 
      if (data.success) setCapsules(data.data)
 28 
      }
20 
    } catch (error) {
 29 
    } catch (error) {
Línea 66... Línea 75...
66 
                    />
 75 
                    />
67 
                    <button className='search-btn'>{LABELS.SEARCH}</button>
 76 
                    <button className='search-btn'>{LABELS.SEARCH}</button>
68 
                </div>
 77 
                </div>
69 
                <div className="form-group search_categories">
 78 
                <div className="form-group search_categories">
70 
                    <select
 79 
                    <select
71 
                        name="select"
 80 
                        name="category"
72 
                        className="form-control"
 81 
                        className="form-control"
73 
                        value={searchParams.category}
 82 
                        value={searchParams.category}
74 
                        onChange={e => handleChange(e)}
 83 
                        onChange={e => handleChange(e)}
75 
                    >
 84 
                    >
76 
                        <option value="">{LABELS.SELECT_CATEGORY}</option>
 85 
                        <option value="">{LABELS.SELECT_CATEGORY}</option>
Línea 78... Línea 87...
78 
                            <option value={element.value} key={i}>{element.label}</option>
 87 
                            <option value={element.value} key={i}>{element.label}</option>
79 
                        )}
 88 
                        )}
80 
                    </select>
 89 
                    </select>
81 
                </div>
 90 
                </div>
82 
            </div>
 91 
            </div>
- 
 
 92 
            {searchParams.category == 'capsules' &&
83 
            <CapsulesList capsules={capsules} onEnroll={load}/>
 93 
            	<CapsulesList capsules={capsules} onEnroll={load}/>
- 
 
 94 
            }
- 
 
 95 
            {searchParams.category == 'rewards' &&
- 
 
 96 
            	<RewardsList rewards={rewards} onClaim={load}/>
- 
 
 97 
            	}
84 
        </section>
 98 
        </section>
85 
  )
 99 
  )
86 
}
 100 
}
Línea 87... Línea 101...
87 
 
 101