diff --git a/src/frontend/lib/components/ProgressBar.tsx b/src/frontend/lib/components/ProgressBar.tsx index 929c8c38fe..094630b38e 100644 --- a/src/frontend/lib/components/ProgressBar.tsx +++ b/src/frontend/lib/components/ProgressBar.tsx @@ -1,4 +1,4 @@ -import { Progress, Stack, Text } from '@mantine/core'; +import { Group, Progress, Stack, Text } from '@mantine/core'; import { useMemo } from 'react'; import { formatDecimal } from '../functions/Formatting'; @@ -9,6 +9,7 @@ export type ProgressBarProps = { progressLabel?: boolean; animated?: boolean; size?: string; + units?: string; }; /** @@ -30,9 +31,12 @@ export function ProgressBar(props: Readonly) { return ( {props.progressLabel && ( - - {formatDecimal(props.value)} / {formatDecimal(props.maximum)} - + + + {formatDecimal(props.value)} / {formatDecimal(props.maximum)} + + {props.units && [{props.units}]} + )} + + {record.part_detail?.IPN} + @@ -624,6 +628,7 @@ export function useAllocateStockToBuildForm({ value: [], headers: [ { title: t`Part`, style: { minWidth: '175px' } }, + { title: t`IPN`, style: { minWidth: '50px' } }, { title: t`Allocated`, style: { minWidth: '175px' } }, { title: t`Stock Item`, style: { width: '100%' } }, { title: t`Quantity`, style: { minWidth: '175px' } },