From 4439367fc586fc8b7d2b4e4e21742803df03f140 Mon Sep 17 00:00:00 2001
From: Ishaan Jaff <ishaanjaffer0324@gmail.com>
Date: Wed, 3 Apr 2024 07:55:07 -0700
Subject: [PATCH] fix bug when viewing spend on ui

---
 .../src/components/view_user_spend.tsx            | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/view_user_spend.tsx b/ui/litellm-dashboard/src/components/view_user_spend.tsx
index 028cef2c1a..f0acf2475c 100644
--- a/ui/litellm-dashboard/src/components/view_user_spend.tsx
+++ b/ui/litellm-dashboard/src/components/view_user_spend.tsx
@@ -43,8 +43,18 @@ const ViewUserSpend: React.FC<ViewUserSpendProps> = ({ userID, userRole, accessT
         if (userRole === "Admin") {
           try {
             const globalSpend = await getTotalSpendCall(accessToken);
-            setSpend(globalSpend.spend);
-            setMaxBudget(globalSpend.max_budget || null);
+            if (globalSpend) {
+              if (globalSpend.spend) {
+                setSpend(globalSpend.spend);
+              } else {
+                setSpend(0.0);
+              }
+              if (globalSpend.max_budget) {
+                setMaxBudget(globalSpend.max_budget);
+              } else {
+                setMaxBudget(0.0);
+              }
+            }
           } catch (error) {
             console.error("Error fetching global spend data:", error);
           }
@@ -63,7 +73,6 @@ const ViewUserSpend: React.FC<ViewUserSpendProps> = ({ userID, userRole, accessT
       <p className="text-tremor-default text-tremor-content dark:text-dark-tremor-content">Total Spend</p>
       <p className="text-3xl text-tremor-content-strong dark:text-dark-tremor-content-strong font-semibold">${roundedSpend}</p>
         
-       
     </>
     )
 }