Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 3x 3x 3x 3x 3x 3x 3x 3x 3x 3x 3x 3x 3x 3x 3x 3x 3x 3x 3x 3x 3x 3x 3x 3x | /**
* @file LowStockTableHeader.tsx
* @description
* Header row for low stock table with column labels.
*/
import { TableHead, TableRow, TableCell } from '@mui/material';
import { useTranslation } from 'react-i18next';
/**
* Column header component for low stock table
* Displays labels for: Item, Quantity, Minimum, Deficit, Status
*/
export function LowStockTableHeader() {
const { t } = useTranslation(['analytics']);
return (
<TableHead>
<TableRow>
<TableCell sx={{ width: '40%' }}>
{t('analytics:lowStock.columns.item', 'Item')}
</TableCell>
<TableCell align="right" sx={{ width: '15%' }}>
{t('analytics:lowStock.columns.quantity', 'Quantity')}
</TableCell>
<TableCell align="right" sx={{ width: '15%' }}>
{t('analytics:lowStock.columns.minimum', 'Minimum')}
</TableCell>
<TableCell align="right" sx={{ width: '15%' }}>
{t('analytics:lowStock.columns.deficit', 'Deficit')}
</TableCell>
<TableCell align="left" sx={{ width: '15%', whiteSpace: 'nowrap' }}>
{t('analytics:lowStock.columns.status', 'Status')}
</TableCell>
</TableRow>
</TableHead>
);
}
|