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 }) {