diff --git a/src/app/(dashboard)/dashboard/usage/components/ProviderLimits/utils.tsx b/src/app/(dashboard)/dashboard/usage/components/ProviderLimits/utils.tsx index 3af32da285..dc102936d0 100644 --- a/src/app/(dashboard)/dashboard/usage/components/ProviderLimits/utils.tsx +++ b/src/app/(dashboard)/dashboard/usage/components/ProviderLimits/utils.tsx @@ -98,7 +98,7 @@ export function formatQuotaLabel(name: string) { return `Weekly ${toTitleCaseWords(weeklyModelMatch[1])}`; } - return trimmed; + return toTitleCaseWords(trimmed.replace(/_/g, " ")); } /** diff --git a/tests/unit/dashboard-ux-operability.test.ts b/tests/unit/dashboard-ux-operability.test.ts new file mode 100644 index 0000000000..cd3e3b533a --- /dev/null +++ b/tests/unit/dashboard-ux-operability.test.ts @@ -0,0 +1,9 @@ +import assert from "node:assert/strict"; +import { test } from "node:test"; +import { formatQuotaLabel } from "../../src/app/(dashboard)/dashboard/usage/components/ProviderLimits/utils.tsx"; + +test("formatQuotaLabel formats custom quota keys with proper title-casing", () => { + assert.equal(formatQuotaLabel("session"), "Session"); + assert.equal(formatQuotaLabel("weekly"), "Weekly"); + assert.equal(formatQuotaLabel("custom_quota_limit"), "Custom Quota Limit"); +});