diff --git a/apps/webapp/app/components/billing/PricingTiers.tsx b/apps/webapp/app/components/billing/PricingTiers.tsx
index 1ccb1296c..317e731d8 100644
--- a/apps/webapp/app/components/billing/PricingTiers.tsx
+++ b/apps/webapp/app/components/billing/PricingTiers.tsx
@@ -12,6 +12,7 @@ import { formatNumberCompact } from "~/utils/numberFormatter";
import { useState } from "react";
import { useCurrentPlan } from "~/routes/_app.orgs.$organizationSlug/route";
import { Spinner } from "../primitives/Spinner";
+import { RunsVolumeDiscountTable } from "./RunsVolumeDiscountTable";
const pricingDefinitions = {
concurrentRuns: {
@@ -303,8 +304,13 @@ export function TierPro({
{pricingDefinitions.jobRuns.title}
, then{" "}
- }>
- {"<"} ${(mostExpensiveRunCost * 1000).toFixed(2)}/1k Runs
+
+ }
+ >
+ {"<"} ${(mostExpensiveRunCost * 1000).toFixed(2)}/1K Runs
@@ -441,47 +447,6 @@ function TierContainer({
);
}
-function RunsVolumeDiscountTable() {
- const runsVolumeDiscountRow =
- "flex justify-between border-b border-border last:pb-0 last:border-none py-2";
- return (
-
- -
- First 10k/mo
- Free
-
- -
- 10k–20k
- $1.25/1,000
-
- -
- 20k–150k
- $0.88/1,000
-
- -
- 150k–500k
- $0.61/1,000
-
- -
- 500k–1m
- $0.43/1,000
-
- -
- 1m–2.5m
- $0.30/1,000
-
- -
- 2.5m–6.25m
- $0.21/1,000
-
- -
- 6.25m +
- $0.14/1,000
-
-
- );
-}
-
function Header({
title,
cost: flatCost,