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 IPColumns = [
  {
    field: "ip",
    headerName: "IP",
  },
  {
    field: "country_name",
    headerName: "País",
  },
  {
    field: "state_name",
    headerName: "Estado",
  },
  {
    field: "city",
    headerName: "Ciudad",
  },
  {
    field: "postal_code",
    headerName: "Código Postal",
  },
];

const Ips = ({ routeIPs }) => {
  const dispatch = useDispatch();

  const [IPData, setIPData] = useState({});

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

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

export default Ips;