Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 9517 | Rev 9521 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
9502 stevensc 1 
import React, { useState, useEffect } from 'react'
2 
import axios from 'axios'
9512 stevensc 3 
import { Card } from 'react-bootstrap'
4 
import { TablePagination } from '../components/TableComponents'
9469 stevensc 5 
 
9517 stevensc 6 
const MainView = ({ table_link }) => {
9502 stevensc 7 
 
8 
  const [data, setData] = useState({})
9512 stevensc 9 
  const [dataLength, setDataLength] = useState(10);
10 
  const [pages, setPages] = useState({
11 
    current: 1,
12 
    last: 1
13 
  });
9502 stevensc 14 
 
15 
  const getData = ({ url = '', params = {} }) => {
16 
 
17 
    axios.get(url, { params: { ...params } })
18 
      .then(({ data }) => {
9512 stevensc 19 
        if (!data.success) {
20 
          console.log('Ha ocurrido un error')
21 
        }
9502 stevensc 22 
 
9512 stevensc 23 
        setData(data.data)
24 
        setPages(prev => prev.last = Math.ceil(data.data.total / dataLength))
9502 stevensc 25 
      })
26 
      .catch((err) => console.log(err))
27 
  }
28 
 
29 
  useEffect(() => {
9512 stevensc 30 
    getData({ url: table_link })
31 
  }, [dataLength, pages.current])
9502 stevensc 32 
 
9469 stevensc 33 
  return (
9512 stevensc 34 
    <section className="content">
35 
      <div className="container-fluid">
36 
        <div className="row">
37 
          <div className="col-12">
38 
            <Card>
39 
              <Card.Header>
40 
 
41 
              </Card.Header>
42 
              <Card.Body>
43 
 
44 
              </Card.Body>
45 
              <Card.Footer>
46 
                <div className="col-sm-12 col-md-5">
47 
                  <div className="d-flex justify-content-start" >
48 
                    {`Mostrando registros del ${(dataLength * pages.current) - (dataLength - 1) || 0} al ${0} de un total de ${data.total || 0} registros`}
49 
                  </div>
50 
                </div>
51 
                <div className="col-sm-12 col-md-5">
52 
                  <div className="d-flex justify-content-end" >
53 
                    <TablePagination
54 
                      onDecrement={(e) => setPages(prev => prev.current -= 1)}
55 
                      onIncrement={(e) => setPages(prev => prev.current += 1)}
56 
                      totalPages={pages.last}
57 
                      currentPage={pages.current}
58 
                    />
59 
                  </div>
60 
                </div>
61 
              </Card.Footer>
62 
            </Card>
63 
          </div>
64 
        </div >
65 
      </div >
66 
    </section >
9469 stevensc 67 
  )
9489 stevensc 68 
}
69 
export default MainView