43 lines
1.0 KiB
TypeScript
43 lines
1.0 KiB
TypeScript
'use client';
|
|
|
|
import useGlobalStore from '@/config/use-global';
|
|
import { formatBytes, unitConversion } from '@workspace/ui/utils';
|
|
import { useTranslations } from 'next-intl';
|
|
|
|
type DisplayType = 'currency' | 'traffic' | 'number';
|
|
|
|
interface DisplayProps<T> {
|
|
value?: T;
|
|
unlimited?: boolean;
|
|
type?: DisplayType;
|
|
}
|
|
|
|
export function Display<T extends number | undefined | null>({
|
|
value = 0,
|
|
unlimited = false,
|
|
type = 'number',
|
|
}: DisplayProps<T>): string {
|
|
const t = useTranslations('common');
|
|
const { common } = useGlobalStore();
|
|
const { currency } = common;
|
|
|
|
if (type === 'currency') {
|
|
const formattedValue = `${currency?.currency_symbol ?? ''}${unitConversion('centsToDollars', value as number)?.toFixed(2) ?? '0.00'}`;
|
|
return formattedValue;
|
|
}
|
|
|
|
if (['traffic', 'number'].includes(type) && unlimited && !value) {
|
|
return t('unlimited');
|
|
}
|
|
|
|
if (type === 'traffic') {
|
|
return value ? formatBytes(value as number) : '0';
|
|
}
|
|
|
|
if (type === 'number') {
|
|
return value ? value.toString() : '0';
|
|
}
|
|
|
|
return '0';
|
|
}
|