diff --git a/apps/webapp/app/components/navigation/SideMenu.tsx b/apps/webapp/app/components/navigation/SideMenu.tsx
index eef37a47a..5b8e6acdb 100644
--- a/apps/webapp/app/components/navigation/SideMenu.tsx
+++ b/apps/webapp/app/components/navigation/SideMenu.tsx
@@ -222,7 +222,7 @@ export function SideMenu({ user, project, organization, organizations }: SideMen
}
/>
-
+
@@ -441,19 +441,8 @@ function MenuCount({ count }: { count: number | string }) {
return
{count}
;
}
-function FreePlanUsage({ to }: { to: string }) {
- const numberOfRuns = 2_500;
- const maximumNumberOfRuns = 10_000;
- let progressNumberOfRuns = (numberOfRuns / maximumNumberOfRuns) * 100;
-
- const numberOfConcurrentRuns = 3;
- const maxNumberOfConcurrentRuns = 5;
- let progressNumberOfConcurrentRuns = (numberOfConcurrentRuns / maxNumberOfConcurrentRuns) * 100;
-
- let progressAsPercent = Math.max(progressNumberOfRuns, progressNumberOfConcurrentRuns);
- progressAsPercent = Math.min(progressAsPercent, 100);
-
- const widthProgress = useMotionValue(progressAsPercent);
+function FreePlanUsage({ to, percentage }: { to: string; percentage: number }) {
+ const widthProgress = useMotionValue(percentage * 100);
const color = useTransform(
widthProgress,
[0, 74, 75, 95, 100],
@@ -474,7 +463,7 @@ function FreePlanUsage({ to }: { to: string }) {