Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 6995 Rev 6996
Línea 1... Línea 1...
1 
import React, { useEffect, useState } from 'react'
 1 
import React, { useEffect, useState } from 'react'
2 
import { axios } from '../../utils'
 2 
import { axios } from '../../utils'
3 
import { Col, Container, Row } from 'react-bootstrap'
 3 
import { useDispatch } from 'react-redux'
4 
import { addNotification } from '../../redux/notification/notification.actions'
 4 
import { addNotification } from '../../redux/notification/notification.actions'
5 
import { useDispatch, useSelector } from 'react-redux'
 5 
import { Col, Container, FormControl, Row } from 'react-bootstrap'
Línea 6... Línea 6...
6 
 
 6 
 
Línea 7... Línea 7...
7 
import CapsulesList from '../../components/marketplace/CapsulesList'
 7 
import CapsulesList from '../../components/marketplace/CapsulesList'
8 
 
 8 
 
Línea 12... Línea 12...
12 
  const [categories, setCategories] = useState([])
 12 
  const [categories, setCategories] = useState([])
13 
  const [searchParams, setSearchParams] = useState({
 13 
  const [searchParams, setSearchParams] = useState({
14 
    search: '',
 14 
    search: '',
15 
    category: 'capsules',
 15 
    category: 'capsules',
16 
  })
 16 
  })
17 
  const labels = useSelector(({ intl }) => intl.labels)
 - 
 
18 
  const dispatch = useDispatch()
 17 
  const dispatch = useDispatch()
Línea 19... Línea 18...
19 
 
 18 
 
20 
  const handleChange = ({ target }) => {
 19 
  const handleChange = ({ target }) => {
21 
    setSearchParams({ ...searchParams, [target.name]: target.value })
 20 
    setSearchParams({ ...searchParams, [target.name]: target.value })
Línea 79... Línea 78...
79 
 
 78 
 
80 
  return (
 79 
  return (
81 
    <Container>
 80 
    <Container>
82 
      <Row className="justify-content-end">
 81 
      <Row className="justify-content-end">
83 
        <Col md="3">
 82 
        <Col md="3">
84 
          <div className="form-group search_categories">
 83 
          <FormControl
85 
            <select
 84 
            as="select"
86 
              name="category"
 85 
            name="search"
87 
              className="form-control"
 86 
            onChange={(e) => handleChange(e)}
88 
              value={searchParams.category}
 - 
 
89 
              onChange={(e) => handleChange(e)}
 87 
            value={searchParams.search}
- 
 
 88 
          >
90 
            >
 89 
            {categories.map((element, i) => (
91 
              <option disabled value="">
 90 
              <option value={element.value} key={i}>
92 
                {labels.select_category}
 91 
                {element.label}
93 
              </option>
 - 
 
94 
              {categories.map((element, i) => (
 - 
 
95 
                <option value={element.value} key={i}>
 - 
 
96 
                  {element.label}
 - 
 
97 
                </option>
 92 
              </option>
98 
              ))}
 93 
            ))}
99 
            </select>
 - 
 
100 
          </div>
 94 
          </FormControl>
101 
        </Col>
 95 
        </Col>
102 
        <Col md="3">
 - 
 
103 
          <div className="form-group search_input">
 96 
        <Col md="3">
104 
            <input
 97 
          <FormControl
105 
              type="text"
 98 
            type="text"
106 
              name="search"
 - 
 
107 
              className="form-control"
 99 
            name="search"
108 
              onChange={(e) => handleChange(e)}
 100 
            onChange={(e) => handleChange(e)}
109 
              value={searchParams.search}
 101 
            value={searchParams.search}
110 
            />
 - 
 
111 
            <button className="search-btn">{labels.search}</button>
 - 
 
112 
          </div>
 102 
          />
113 
        </Col>
 103 
        </Col>
114 
      </Row>
 104 
      </Row>
115 
      <h2 className="mt-3 font-bold">
 105 
      <h2 className="mt-3 font-bold">
116 
        {searchParams.category === 'capsules' ? 'Cápsulas' : 'Recompensas'} de
 106 
        {searchParams.category === 'capsules' ? 'Cápsulas' : 'Recompensas'} de