diff options
| -rw-r--r-- | packages/console/app/src/routes/workspace/[id]/usage-section.module.css | 5 | ||||
| -rw-r--r-- | packages/console/app/src/routes/workspace/[id]/usage-section.tsx | 7 |
2 files changed, 8 insertions, 4 deletions
diff --git a/packages/console/app/src/routes/workspace/[id]/usage-section.module.css b/packages/console/app/src/routes/workspace/[id]/usage-section.module.css index 83c783a2f..00232de88 100644 --- a/packages/console/app/src/routes/workspace/[id]/usage-section.module.css +++ b/packages/console/app/src/routes/workspace/[id]/usage-section.module.css @@ -42,7 +42,7 @@ font-family: var(--font-mono); &[data-slot="usage-date"] { - color: var(--color-text); + color: var(--color-text-muted); } &[data-slot="usage-model"] { @@ -53,8 +53,7 @@ } &[data-slot="usage-cost"] { - color: var(--color-text); - font-weight: 500; + color: var(--color-text-muted); } [data-slot="tokens-with-breakdown"] { diff --git a/packages/console/app/src/routes/workspace/[id]/usage-section.tsx b/packages/console/app/src/routes/workspace/[id]/usage-section.tsx index 662b2227b..3b02b1e7d 100644 --- a/packages/console/app/src/routes/workspace/[id]/usage-section.tsx +++ b/packages/console/app/src/routes/workspace/[id]/usage-section.tsx @@ -170,7 +170,12 @@ export function UsageSection() { </div> </td> <td data-slot="usage-cost"> - ${usage.enrichment?.plan === "sub" ? "0.0000" : ((usage.cost ?? 0) / 100000000).toFixed(4)} + <Show + when={usage.enrichment?.plan === "sub"} + fallback={<>${((usage.cost ?? 0) / 100000000).toFixed(4)}</>} + > + subscription (${((usage.cost ?? 0) / 100000000).toFixed(4)}) + </Show> </td> </tr> ) |