phoenix/litellm
1
0
Fork 0
forked from phoenix/litellm-mirror
Code Pull requests Activity

build(ui): fix pagination tab

Browse source
This commit is contained in:
Krrish Dholakia 2024-04-05 18:19:30 -07:00
parent e8675e6394
commit cff2a8324e
13 changed files with 25 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

16
ui/litellm-dashboard/src/components/view_users.tsx
View file

@ -59,7 +59,9 @@ const ViewUserDashboard: React.FC<ViewUserDashboardProps> = ({
accessToken,
null,
userRole,
true
true,
currentPage,
defaultPageSize
);
console.log("user data response:", userDataResponse);
setUserData(userDataResponse);
@ -68,7 +70,7 @@ const ViewUserDashboard: React.FC<ViewUserDashboardProps> = ({
}
};
if (accessToken && token && userRole && userID && !userData) {
if (accessToken && token && userRole && userID) {
fetchData();
}
@ -88,7 +90,7 @@ const ViewUserDashboard: React.FC<ViewUserDashboardProps> = ({
) {
fetchEndUserSpend();
}
}, [accessToken, token, userRole, userID]);
}, [accessToken, token, userRole, userID, currentPage]);
if (!userData) {
return <div>Loading...</div>;
@ -111,7 +113,7 @@ const ViewUserDashboard: React.FC<ViewUserDashboardProps> = ({
function renderPagination() {
if (!userData) return null;
const totalPages = Math.ceil(userData.length / defaultPageSize);
// const totalPages = Math.ceil(userData.length / defaultPageSize);
const startItem = (currentPage - 1) * defaultPageSize + 1;
const endItem = Math.min(currentPage * defaultPageSize, userData.length);
@ -130,8 +132,10 @@ const ViewUserDashboard: React.FC<ViewUserDashboardProps> = ({
</button>
<button
className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-r focus:outline-none"
disabled={currentPage === totalPages}
onClick={() => setCurrentPage(currentPage + 1)}
// disabled={currentPage === totalPages}
onClick={() => {
setCurrentPage(currentPage + 1);
}}
>
Next &rarr;
</button>