fix: get max credits (#8512)

codesandbox · Jul 11, 2024 · 434c938 · 434c938
1 parent 2baf4a8
commit 434c938
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/packages/app/src/app/pages/Dashboard/Sidebar/index.tsx b/packages/app/src/app/pages/Dashboard/Sidebar/index.tsx
@@ -89,10 +89,14 @@ export const Sidebar: React.FC<SidebarProps> = ({
     ? state.sidebar[state.activeTeam]?.hasSyncedSandboxes
     : false;
 
-  let maxCredits = state.activeTeamInfo.limits?.includedCredits;
-  if (isPro) {
-    maxCredits += state.activeTeamInfo.limits?.onDemandCreditLimit;
-  }
+  const getMaxCredits = () => {
+    let maxCredits = state.activeTeamInfo.limits?.includedCredits;
+    if (isPro) {
+      maxCredits += state.activeTeamInfo.limits?.onDemandCreditLimit;
+    }
+
+    return maxCredits;
+  };
 
   return (
     <SidebarContext.Provider value={{ onSidebarToggle, menuState }}>
@@ -258,7 +262,7 @@ export const Sidebar: React.FC<SidebarProps> = ({
         {ubbBeta && state.activeTeamInfo && (
           <UsageProgress
             workspaceId={activeTeam}
-            maxCredits={maxCredits}
+            maxCredits={getMaxCredits()}
             usedCredits={state.activeTeamInfo.usage?.credits}
           />
         )}