Rev 2781 | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
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;