37 lines
818 B
JavaScript
37 lines
818 B
JavaScript
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import ReactTable from 'react-table';
|
|
import { Trans, withNamespaces } from 'react-i18next';
|
|
|
|
const columns = [{
|
|
Header: 'MAC',
|
|
accessor: 'mac',
|
|
}, {
|
|
Header: 'IP',
|
|
accessor: 'ip',
|
|
}, {
|
|
Header: <Trans>dhcp_table_hostname</Trans>,
|
|
accessor: 'hostname',
|
|
}, {
|
|
Header: <Trans>dhcp_table_expires</Trans>,
|
|
accessor: 'expires',
|
|
}];
|
|
|
|
const Leases = props => (
|
|
<ReactTable
|
|
data={props.leases || []}
|
|
columns={columns}
|
|
showPagination={false}
|
|
noDataText={ props.t('dhcp_leases_not_found') }
|
|
minRows={6}
|
|
className="-striped -highlight card-table-overflow"
|
|
/>
|
|
);
|
|
|
|
Leases.propTypes = {
|
|
leases: PropTypes.array,
|
|
t: PropTypes.func,
|
|
};
|
|
|
|
export default withNamespaces()(Leases);
|