Proyectos de Subversion LeadersLinked - SPA

import React, { useEffect, useState } from 'react';
import { useDispatch } from 'react-redux';

import { axios } from '@utils/index.js';
import { addNotification } from '@app/redux/notification/notification.actions';

import Table from '@components/table/Table';

const BrowserTableColumns = [
  {
    field: 'platform',
    headerName: 'Plataforma'
  },
  {
    field: 'browser',
    headerName: 'Navegadores'
  },
  {
    field: 'device_type',
    headerName: 'Tipo'
  },
  {
    field: 'version',
    headerName: 'Versión'
  },
  {
    field: 'updated_on',
    headerName: 'Fecha'
  }
];

const Browsers = () => {
  const [browserData, setBrowserData] = useState({});
  const dispatch = useDispatch();

  const getBrowserData = () => {
    axios
      .get('/account-settings/browsers')
      .then((response) => {
        const { data } = response.data;
        setBrowserData(data);
      })
      .catch((err) => {
        dispatch(addNotification({ style: 'danger', msg: err.message }));
      });
  };

  useEffect(() => {
    getBrowserData();
  }, []);

  return (
    <div className='acc-setting'>
      <h3>Navegadores</h3>
      <div className='cp-field mb-3'>
        <Table columns={BrowserTableColumns} rows={browserData.items} />
      </div>
    </div>
  );
};

export default Browsers;