PercentCell.tsx•599 B
import { CellContext } from "@tanstack/react-table";
import { isNumberOrNull } from "@phoenix/typeUtils";
import { percentFormatter } from "@phoenix/utils/numberFormatUtils";
/**
* A table cell that nicely formats the value of a percent.
*/
export function PercentCell<TData extends object, TValue>({
getValue,
}: CellContext<TData, TValue>) {
const value = getValue();
if (!isNumberOrNull(value)) {
throw new Error("IntCell only supports number or null values.");
}
return (
<span title={value != null ? String(value) : ""}>
{percentFormatter(value)}
</span>
);
}