Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 7003 Rev 7004
Línea 1... Línea 1...
1
import React, { useState, useRef, useEffect } from 'react'
1
import React, { useState, useRef, useEffect } from 'react'
2
import { axios, jsonToParams } from '../../utils'
2
import { axios, jsonToParams } from '../../utils'
3
import { Col, Container, Row } from 'react-bootstrap'
3
import { Col, Container, Row } from 'react-bootstrap'
4
import { useHistory, useLocation } from 'react-router-dom'
4
import { useHistory, useLocation } from 'react-router-dom'
5
import styled from 'styled-components'
-
 
Línea 6... Línea 5...
6
 
5
 
7
import Spinner from '../../components/UI/Spinner'
6
import Spinner from '../../components/UI/Spinner'
8
import SearchItem from '../../components/search/SearchItem'
7
import SearchItem from '../../components/search/SearchItem'
9
import SearchInput from '../../components/UI/SearchInput'
8
import SearchInput from '../../components/UI/SearchInput'
10
import EmptySection from '../../components/UI/EmptySection'
9
import EmptySection from '../../components/UI/EmptySection'
Línea 11... Línea -...
11
import PaginationComponent from '../../components/UI/PaginationComponent'
-
 
12
 
-
 
13
const SearchBar = styled(SearchInput)`
-
 
14
  background-color: var(--bg-color) !important;
-
 
15
`
10
import PaginationComponent from '../../components/UI/PaginationComponent'
16
 
11
 
17
const SearchPage = () => {
12
const SearchPage = () => {
18
  const [entities, setEntities] = useState([])
13
  const [entities, setEntities] = useState([])
19
  const [loading, setLoading] = useState(true)
14
  const [loading, setLoading] = useState(true)
Línea 69... Línea 64...
69
  }, [keyword])
64
  }, [keyword])
Línea 70... Línea 65...
70
 
65
 
71
  return (
66
  return (
72
    <>
67
    <>
73
      <Container as="main">
68
      <Container as="main">
74
        <SearchBar
69
        <SearchInput
75
          as="form"
70
          as="form"
76
          onSubmit={onSubmitHandler}
71
          onSubmit={onSubmitHandler}
77
          onChange={(e) => setEntity(e.target.value)}
72
          onChange={(e) => setEntity(e.target.value)}
78
          value={entity}
73
          value={entity}
-
 
74
          placeholder="¿Que desea encontrar?"
79
          placeholder="¿Que desea encontrar?"
75
          style={{ backgroundColor: 'var(--bg-color)' }}
80
        />
76
        />
81
        <Row className="main-section-data mt-3">
77
        <Row className="main-section-data mt-3">
82
          <Col as="aside" md="4">
78
          <Col as="aside" md="4">
83
            <div></div>
79
            <div></div>