Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 2445 Rev 2458
Línea 1... Línea 1...
1 
import React from "react";
 1 
import React from "react";
2 
import { useState, useRef, useEffect } from "react";
 2 
import { useState, useRef, useEffect } from "react";
3 
import { useLocation } from "react-router-dom";
 3 
import { useLocation } from "react-router-dom";
4 
import { useForm } from "react-hook-form";
 4 
import { useForm } from "react-hook-form";
- 
 
 5 
import { FaPlus, FaMinus } from "react-icons/fa";
5 
import { axios, jsonToParams } from "../../../utils";
 6 
import { axios, jsonToParams } from "../../../utils";
6 
import styled from "styled-components";
 7 
import styled from "styled-components";
7 
import Filters from "./filters/Filters";
 8 
import Filters from "./filters/Filters";
8 
import Spinner from "../../../shared/loading-spinner/Spinner";
 9 
import Spinner from "../../../shared/loading-spinner/Spinner";
9 
import EntityTemplate from "../entity-template/EntityTemplate";
 10 
import EntityTemplate from "../entity-template/EntityTemplate";
Línea 20... Línea 21...
20 
 
 21 
 
21 
const MainSection = (props) => {
 22 
const MainSection = (props) => {
22 
  // states
 23 
  // states
23 
  const [entities, setEntities] = useState([]);
 24 
  const [entities, setEntities] = useState([]);
- 
 
 25 
  const [loading, setLoading] = useState(true);
24 
  const [loading, setLoading] = useState(true);
 26 
  const [displayFilters, setDisplayFilters] = useState(false);
25 
  const [error, setError] = useState("");
 27 
  const [error, setError] = useState("");
26 
  const [searchType, setSearchType] = useState("user");
 28 
  const [searchType, setSearchType] = useState("user");
27 
  const [currentPage, setCurrentPage] = useState(1);
 29 
  const [currentPage, setCurrentPage] = useState(1);
28 
  const [pages, setPages] = useState(1);
 30 
  const [pages, setPages] = useState(1);
Línea 196... Línea 198...
196 
                ref={formRef}
 198 
                ref={formRef}
197 
                onSubmit={(e) => {
 199 
                onSubmit={(e) => {
198 
                  e.preventDefault();
 200 
                  e.preventDefault();
199 
                }}
 201 
                }}
200 
              >
 202 
              >
- 
 
 203 
                <div className="py-2 d-flex" style={{ gap: '10px' }}>
201 
                <h2 className="font-weight-bold search-title">Filtros</h2>
 204 
                  <h2 className="font-weight-bold search-title">Filtros</h2>
202 
                <div className="filter-secs border-gray border-radius">
 205 
                  <div className="show_filters">
- 
 
 206 
                    {
- 
 
 207 
                      displayFilters
- 
 
 208 
                        ? <FaMinus onClick={() => setDisplayFilters(!displayFilters)} />
- 
 
 209 
                        : <FaPlus onClick={() => setDisplayFilters(!displayFilters)} />
- 
 
 210 
                    }
- 
 
 211 
                  </div>
- 
 
 212 
                </div>
- 
 
 213 
                <div className={`filter-secs border-gray border-radius ${displayFilters ? 'show_filters' : 'hidden_filters'}`}>
203 
                  <div className="filter-heading m-0">
 214 
                  <div className="filter-heading m-0">
204 
                    <h3 className="text-dark font-weight-bold">Buscar por</h3>
 215 
                    <h3 className="text-dark font-weight-bold">Buscar por</h3>
205 
                  </div>
 216 
                  </div>
206 
                  {/* <!--filter-heading end--> */}
 217 
                  {/* <!--filter-heading end--> */}
207 
                  <div className="paddy">
 218 
                  <div className="paddy">
Línea 258... Línea 269...
258 
                        </li>
 269 
                        </li>
259 
                      </ul>
 270 
                      </ul>
260 
                    </div>
 271 
                    </div>
261 
                  </div>
 272 
                  </div>
262 
                </div>
 273 
                </div>
263 
                {/* <!--filter-secs end--> */}
 - 
 
264 
 
 - 
 
265 
                {/* <!--filter-heading end--> */}
 274 
                <div className={displayFilters ? 'show_filters' : 'hidden_filters'}>
266 
                <Filters
 275 
                  <Filters
267 
                  filters={filters}
 276 
                    filters={filters}
268 
                  searchType={searchType}
 277 
                    searchType={searchType}
269 
                  onCheck={onCheckHandler}
 278 
                    onCheck={onCheckHandler}
270 
                  onUncheckAll={onUncheckAllHandler}
 279 
                    onUncheckAll={onUncheckAllHandler}
271 
                  register={register}
 280 
                    register={register}
272 
                />
 281 
                  />
273 
 
 - 
 
- 
 
 282 
                </div>
274 
                <div className="filter-secs border-gray border-radius">
 283 
                <div className={`filter-secs border-gray border-radius ${displayFilters ? 'show_filters' : 'hidden_filters'}`}>
275 
                  <div className="filter-heading">
 284 
                  <div className="filter-heading">
276 
                    <h3 className="text-dark font-weight-bold">Ubicación</h3>
 285 
                    <h3 className="text-dark font-weight-bold">Ubicación</h3>
277 
                  </div>
 286 
                  </div>
278 
                  {/* <!--filter-heading end--> */}
 - 
 
279 
                  <div
 287 
                  <div
280 
                    className="container mb-2"
 288 
                    className="container mb-2"
281 
                  >
 289 
                  >
282 
                    <UbicationInput
 290 
                    <UbicationInput
283 
                      onGetAddress={getAddressHandler}
 291 
                      onGetAddress={getAddressHandler}