Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev Autor Línea Nro. Línea
3432 stevensc 1 
import React, { useEffect, useState } from "react";
2 
import { useDispatch } from "react-redux";
2781 stevensc 3 
 
3432 stevensc 4 
import { axios } from "utils/index";
5 
import { addNotification } from "@app/redux/notification/notification.actions";
2781 stevensc 6 
 
3432 stevensc 7 
import Table from "@components/table/Table";
2781 stevensc 8 
 
9 
const DevicesColumns = [
10 
  {
3432 stevensc 11 
    field: "platform",
12 
    headerName: "Plataforma",
2781 stevensc 13 
  },
14 
  {
3432 stevensc 15 
    field: "brand",
16 
    headerName: "Marca",
2781 stevensc 17 
  },
18 
  {
3432 stevensc 19 
    field: "manufacturer",
20 
    headerName: "Fabricante",
2781 stevensc 21 
  },
22 
  {
3432 stevensc 23 
    field: "model",
24 
    headerName: "Modelo",
2781 stevensc 25 
  },
26 
  {
3432 stevensc 27 
    field: "version",
28 
    headerName: "Versión",
2781 stevensc 29 
  },
30 
  {
3432 stevensc 31 
    field: "ip",
32 
    headerName: "IP",
2781 stevensc 33 
  },
34 
  {
3432 stevensc 35 
    field: "updated_on",
36 
    headerName: "Fecha",
37 
  },
38 
];
2781 stevensc 39 
 
40 
const Devices = () => {
3432 stevensc 41 
  const [devices, setDevices] = useState({});
42 
  const dispatch = useDispatch();
2781 stevensc 43 
 
44 
  const getDevices = () => {
45 
    axios
3432 stevensc 46 
      .get("/account-settings/devices")
47 
      .then((response) => {
48 
        const { data, success } = response.data;
2781 stevensc 49 
 
50 
        if (!success) {
3432 stevensc 51 
          throw new Error("Error interno. Por favor, intente mas tarde");
2781 stevensc 52 
        }
53 
 
3432 stevensc 54 
        setDevices(data);
2781 stevensc 55 
      })
56 
      .catch((err) => {
3432 stevensc 57 
        dispatch(addNotification({ style: "danger", msg: err.message }));
58 
      });
59 
  };
2781 stevensc 60 
 
61 
  useEffect(() => {
3432 stevensc 62 
    getDevices();
63 
  }, []);
2781 stevensc 64 
 
65 
  return (
3432 stevensc 66 
    <div className="acc-setting">
2781 stevensc 67 
      <h3>Navegadores</h3>
3432 stevensc 68 
      <div className="cp-field mb-3">
2781 stevensc 69 
        <Table columns={DevicesColumns} rows={devices.items} />
70 
      </div>
71 
    </div>
3432 stevensc 72 
  );
73 
};
2781 stevensc 74 
 
3432 stevensc 75 
export default Devices;