shangzy
9bb36432ba
Lift time range state into a shared React context so the selected
range persists across page navigation and browser refreshes
(localStorage). Add a "Custom" option with a popover date picker
that lets users specify arbitrary start/end dates. All preset end
times now use endOf("day") (23:59:59) instead of the current moment.
56 lines
1.6 KiB
TypeScript
56 lines
1.6 KiB
TypeScript
import dayjs from "dayjs";
|
|
|
|
export function formatNumber(n: number): string {
|
|
return n.toLocaleString("en-US");
|
|
}
|
|
|
|
export function formatTokens(n: number): string {
|
|
if (n >= 1_000_000_000) return `${(n / 1_000_000_000).toFixed(1)}B`;
|
|
if (n >= 1_000_000) return `${(n / 1_000_000).toFixed(1)}M`;
|
|
if (n >= 1_000) return `${(n / 1_000).toFixed(1)}K`;
|
|
return String(n);
|
|
}
|
|
|
|
export function formatUSD(n: number): string {
|
|
if (n >= 1000) return `$${n.toLocaleString("en-US", { maximumFractionDigits: 0 })}`;
|
|
if (n >= 1) return `$${n.toFixed(2)}`;
|
|
if (n >= 0.01) return `$${n.toFixed(3)}`;
|
|
return `$${n.toFixed(4)}`;
|
|
}
|
|
|
|
export function formatDate(iso: string): string {
|
|
return dayjs(iso).format("YYYY-MM-DD HH:mm:ss");
|
|
}
|
|
|
|
// 预设时间范围
|
|
export type TimeRange = "today" | "7d" | "30d" | "all" | "custom";
|
|
|
|
export function getTimeRange(range: TimeRange): { start?: number; end?: number } {
|
|
const now = dayjs();
|
|
const end = now.endOf("day").unix();
|
|
switch (range) {
|
|
case "today":
|
|
return { start: now.startOf("day").unix(), end };
|
|
case "7d":
|
|
return { start: now.subtract(7, "day").startOf("day").unix(), end };
|
|
case "30d":
|
|
return { start: now.subtract(30, "day").startOf("day").unix(), end };
|
|
case "all":
|
|
return {};
|
|
default:
|
|
return {};
|
|
}
|
|
}
|
|
|
|
export function buildQuery(
|
|
base: string,
|
|
params: Record<string, string | number | undefined>
|
|
): string {
|
|
const sp = new URLSearchParams();
|
|
for (const [k, v] of Object.entries(params)) {
|
|
if (v !== undefined && v !== "") sp.set(k, String(v));
|
|
}
|
|
const qs = sp.toString();
|
|
return qs ? `${base}?${qs}` : base;
|
|
}
|