Ir a la última revisión | 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'
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