phoenix/litellm-mirror
0
0
Fork 1
mirror of https://github.com/BerriAI/litellm.git synced 2025-04-24 10:14:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(ui): set label for ViewUserSpend

Browse source
This commit is contained in:
Daniele Scasciafratte 2025-02-17 15:26:57 +01:00
parent 048dd995dc
commit 93da843e83
3 changed files with 4 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

1
ui/litellm-dashboard/src/components/usage.tsx
View file

@ -636,6 +636,7 @@ const UsagePage: React.FC<UsagePageProps> = ({
userSpend={totalMonthlySpend}
selectedTeam={null}
userMaxBudget={null}
label="Monthly Usage"
/>
</Col>
<Col numColSpan={2}>

1
ui/litellm-dashboard/src/components/user_dashboard.tsx
View file

@ -13,7 +13,6 @@ import { fetchTeams } from "./common_components/fetch_teams";
import { Grid, Col, Card, Text, Title } from "@tremor/react";
import CreateKey from "./create_key_button";
import ViewKeyTable from "./view_key_table";
import ViewUserSpend from "./view_user_spend";
import ViewUserTeam from "./view_user_team";
import DashboardTeam from "./dashboard_default_team";
import Onboarding from "../app/onboarding/page";

5
ui/litellm-dashboard/src/components/view_user_spend.tsx
View file

@ -42,8 +42,9 @@ interface ViewUserSpendProps {
userSpend: number | null;
userMaxBudget: number | null;
selectedTeam: any | null;
label: string | null;
}
const ViewUserSpend: React.FC<ViewUserSpendProps> = ({ userID, userRole, accessToken, userSpend, userMaxBudget, selectedTeam }) => {
const ViewUserSpend: React.FC<ViewUserSpendProps> = ({ userID, userRole, accessToken, userSpend, userMaxBudget, selectedTeam, label }) => {
console.log(`userSpend: ${userSpend}`)
let [spend, setSpend] = useState(userSpend !== null ? userSpend : 0.0);
const [maxBudget, setMaxBudget] = useState(selectedTeam ? selectedTeam.max_budget : null);
@ -147,7 +148,7 @@ const ViewUserSpend: React.FC<ViewUserSpendProps> = ({ userID, userRole, accessT
<div className="flex justify-between gap-x-6">
<div>
<p className="text-tremor-default text-tremor-content dark:text-dark-tremor-content">
Total Spend
{label}
</p>
<p className="text-2xl text-tremor-content-strong dark:text-dark-tremor-content-strong font-semibold">
${roundedSpend}