shanshanzhong
785c832e02
- 订阅表单 speed_limit 去掉 bitsToMb/mbToBits 转换，直接存 Mbps
- traffic_limit speed_limit 标签从 KB 改为 Mbps
- 节点组 speed_limit 标签从 KB/s 改为 Mbps
- Display trafficSpeed 类型直接显示 {value} Mbps
Co-Authored-By: claude-flow <ruv@ruv.net>
50 lines
1.3 KiB
TypeScript
50 lines
1.3 KiB
TypeScript
import { formatBytes } from "@workspace/ui/utils/formatting";
|
|
import { unitConversion } from "@workspace/ui/utils/unit-conversions";
|
|
import { useTranslation } from "react-i18next";
|
|
import { useGlobalStore } from "@/stores/global";
|
|
|
|
type DisplayType = "currency" | "traffic" | "number" | "trafficSpeed";
|
|
|
|
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 } = useTranslation("components");
|
|
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", "trafficSpeed", "number"].includes(type) &&
|
|
unlimited &&
|
|
(value === 0 || value === null || value === undefined)
|
|
) {
|
|
return t("unlimited");
|
|
}
|
|
|
|
if (type === "traffic") {
|
|
return value ? formatBytes(value) : "0";
|
|
}
|
|
|
|
if (type === "trafficSpeed") {
|
|
return value ? `${value} Mbps` : "0";
|
|
}
|
|
|
|
if (type === "number") {
|
|
return value !== null && value !== undefined ? value.toString() : "0";
|
|
}
|
|
|
|
return "0";
|
|
}
|