Proyectos de Subversion LeadersLinked - Antes de SPA

import {axios} from "../../../utils";
import React, { useEffect, useState } from "react";
import { useDispatch } from "react-redux";
import { addNotification } from "../../../redux/notification/notification.actions";
import MaterialTable from "../../../shared/materialTable/MaterialTable";

const DevicesColumns = [
  {
    field: "platform",
    headerName: "Plataforma",
  },
  {
    field: "brand",
    headerName: "Marca",
  },
  {
    field: "manufacturer",
    headerName: "Fabricante",
  },
  {
    field: "model",
    headerName: "Modelo",
  },
  {
    field: "version",
    headerName: "Versión",
  },
  {
    field: "ip",
    headerName: "IP",
  },
  {
    field: "updated_on",
    headerName: "Fecha",
  },
];

const Devices = ({ routeDevices }) => {
  const dispatch = useDispatch();

  const [Devices, setDevicesData] = useState({});

  useEffect(async () => {
    const resData = (await axios.get(routeDevices)).data;
    if (!resData.success) {
      return dispatch(
        addNotification({
          style: "danger",
          msg: "Ha ocurrido un error, por favor recargue la pagina",
        })
      );
    }
    setDevicesData(resData.data);
  }, []);

  return (
    <div className="acc-setting">
      <h3>Navegadores</h3>
      <div
        className="cp-field"
        style={{
          marginBottom: "1rem",
        }}
      >
        <MaterialTable
          columns={DevicesColumns}
          rows={Devices.items}
          count={Devices.total}
        />
      </div>
    </div>
  );
};

export default Devices;