Fixed v2 usage meter displaying when on paid plan

Author: samejr

apps/webapp/app/components/navigation/SideMenu.tsx

@@ -77,9 +77,9 @@ import {
   PopoverSectionHeader,
 } from "../primitives/Popover";
 import { StepNumber } from "../primitives/StepNumber";
+import { TextLink } from "../primitives/TextLink";
 import { SideMenuHeader } from "./SideMenuHeader";
 import { SideMenuItem } from "./SideMenuItem";
-import { TextLink } from "../primitives/TextLink";
 
 type SideMenuUser = Pick<User, "email" | "admin"> & { isImpersonating: boolean };
 type SideMenuProject = Pick<
@@ -106,6 +106,11 @@ export function SideMenu({ user, project, organization, organizations }: SideMen
   const currentPlan = useCurrentPlan();
   const { isManagedCloud } = useFeatures();
 
+  const hasV2Projects = organizations.some((org) =>
+    org.projects.some((proj) => proj.version === "V2")
+  );
+  const isFreeV3User = currentPlan?.v3Subscription?.isPaying === false;
+
   useEffect(() => {
     const handleScroll = () => {
       if (borderRef.current) {
@@ -334,7 +339,7 @@ export function SideMenu({ user, project, organization, organizations }: SideMen
               </Button>
             }
           />
-          {currentPlan?.v3Subscription?.isPaying === false && (
+          {hasV2Projects && isFreeV3User && (
             <FreePlanUsage
               to={v3BillingPath(organization)}
               percentage={currentPlan.v3Usage.usagePercentage}