fleet/frontend/components/TableContainer/DataTable/StatusCell/StatusCell.tsx
Gabe Hernandez e33bbb8811
enhance data table for two datasets and client derived data (#559)
* rework data table, got to point of calling network request correctly

* got to point of rendering table columns and data

* finish up functional changes to data table

* fix tests

* fix styles for table container and data table

* clean up some styles

* update to styles for no host configured

* cleanup and docs

* add missing method for host table text formatting

* disabling unused test. will add back in next PR

* clean up code
2021-04-04 13:45:24 +01:00

22 lines
422 B
TypeScript

import React from 'react';
import classnames from 'classnames';
interface IStatusCellProps {
value: string;
}
const StatusCell = (props: IStatusCellProps): JSX.Element => {
const { value } = props;
const statusClassName = classnames(
'data-table__status',
`data-table__status--${value}`,
);
return (
<span className={statusClassName}>
{value}
</span>
);
};
export default StatusCell;