Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 www 1 
import {axios} from "../../../utils";
2 
import React, { useEffect, useState } from "react";
3 
import { useDispatch } from "react-redux";
4 
import { addNotification } from "../../../redux/notification/notification.actions";
5 
import MaterialTable from "../../../shared/materialTable/MaterialTable";
6 
 
7 
const IPColumns = [
8 
  {
9 
    field: "ip",
10 
    headerName: "IP",
11 
  },
12 
  {
13 
    field: "country_name",
14 
    headerName: "País",
15 
  },
16 
  {
17 
    field: "state_name",
18 
    headerName: "Estado",
19 
  },
20 
  {
21 
    field: "city",
22 
    headerName: "Ciudad",
23 
  },
24 
  {
25 
    field: "postal_code",
26 
    headerName: "Código Postal",
27 
  },
28 
];
29 
 
30 
const Ips = ({ routeIPs }) => {
31 
  const dispatch = useDispatch();
32 
 
33 
  const [IPData, setIPData] = useState({});
34 
 
35 
  useEffect(async () => {
36 
    const resData = (await axios.get(routeIPs)).data;
37 
    if (!resData.success) {
38 
      return dispatch(
39 
        addNotification({
40 
          style: "danger",
41 
          msg: "Ha ocurrido un error, por favor recargue la pagina",
42 
        })
43 
      );
44 
    }
45 
    setIPData(resData.data);
46 
  }, []);
47 
 
48 
  return (
49 
    <div className="acc-setting">
50 
      <h3>Navegadores</h3>
51 
      <div
52 
        className="cp-field"
53 
        style={{
54 
          marginBottom: "1rem",
55 
        }}
56 
      >
57 
        <MaterialTable
58 
          columns={IPColumns}
59 
          rows={IPData.items}
60 
          count={IPData.total}
61 
        />
62 
      </div>
63 
    </div>
64 
  );
65 
};
66 
 
67 
export default Ips;