diff --git a/striker-ui/components/Text/index.tsx b/striker-ui/components/Text/index.tsx index 0d4c9499..33d3415c 100644 --- a/striker-ui/components/Text/index.tsx +++ b/striker-ui/components/Text/index.tsx @@ -1,5 +1,6 @@ -import BodyText from './BodyText'; +import BodyText, { BodyTextProps } from './BodyText'; import HeaderText from './HeaderText'; import Monospace from './Monospace'; +export type { BodyTextProps }; export { BodyText, HeaderText, Monospace }; diff --git a/striker-ui/pages/init/index.tsx b/striker-ui/pages/init/index.tsx index f0752673..4274b6d4 100644 --- a/striker-ui/pages/init/index.tsx +++ b/striker-ui/pages/init/index.tsx @@ -15,7 +15,8 @@ import { TEXT } from '../../lib/consts/DEFAULT_THEME'; import { Panel, PanelHeader } from '../../components/Panels'; import periodicFetch from '../../lib/fetchers/periodicFetch'; import Spinner from '../../components/Spinner'; -import { HeaderText } from '../../components/Text'; +import { BodyText, BodyTextProps, HeaderText } from '../../components/Text'; +import Decorator from '../../components/Decorator'; const MOCK_NICS: NetworkInterfaceOverviewMetadata[] = [ { @@ -52,33 +53,56 @@ const MOCK_NICS: NetworkInterfaceOverviewMetadata[] = [ }, ]; +const DataGridCellText: FC = ({ + ...dataGridCellTextRestProps +}) => ( + +); + const NETWORK_INTERFACE_COLUMNS: MUIDataGridProps['columns'] = [ - { - field: 'networkInterfaceMACAddress', - flex: 1, - headerName: 'MAC', - }, { field: 'networkInterfaceName', flex: 1, headerName: 'Name', + renderCell: ({ row: { networkInterfaceState } = {}, value }) => ( + :not(:first-child)': { marginLeft: '.5em' }, + }} + > + + + + ), }, { - field: 'networkInterfaceState', + field: 'networkInterfaceMACAddress', flex: 1, - headerName: 'State', + headerName: 'MAC', + renderCell: ({ value }) => , }, { field: 'networkInterfaceSpeed', flex: 1, headerName: 'Speed', - type: 'number', + renderCell: ({ value }) => ( + + ), }, { field: 'networkInterfaceOrder', flex: 1, headerName: 'Order', - type: 'number', }, ];