Guillim
2024-12-09 14:44:19 +01:00
committed by GitHub
parent 8d469b9bc3
commit 310bba758b

View File

@ -1,16 +1,19 @@
import { useNumberFieldDisplay } from '@/object-record/record-field/meta-types/hooks/useNumberFieldDisplay';
import { NumberDisplay } from '@/ui/field/display/components/NumberDisplay';
import { isDefined } from 'twenty-ui';
import { formatNumber } from '~/utils/format/number';
export const NumberFieldDisplay = () => {
const { fieldValue, fieldDefinition } = useNumberFieldDisplay();
const decimals = fieldDefinition.metadata.settings?.decimals;
const type = fieldDefinition.metadata.settings?.type;
if (!isDefined(fieldValue))
return <NumberDisplay value={null} decimals={decimals} />;
const value =
type === 'percentage' && fieldValue
type === 'percentage'
? `${formatNumber(Number(fieldValue) * 100, decimals)}%`
: fieldValue
? formatNumber(Number(fieldValue), decimals)
: null;
: formatNumber(Number(fieldValue), decimals);
return <NumberDisplay value={value} decimals={decimals} />;
};