scriptoriumadmin/litellm
1
0
Fork 0
mirror of https://github.com/BerriAI/litellm.git synced 2026-10-07 02:59:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 103

(feat) display userID on navbar

Browse source
This commit is contained in:
ishaan-jaff 2024-02-03 12:09:10 -08:00
parent cb7f6bc3a1
commit 1a8bfbca6a
1 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
ui/litellm-dashboard/src/components/navbar.tsx
View file

@ -5,11 +5,14 @@ import Image from 'next/image'
import React, { useState } from 'react';
import { useSearchParams } from "next/navigation";
import { Button, Text, Metric,Title, TextInput, Grid, Col } from "@tremor/react";
function Navbar() {
// Define the props type
interface NavbarProps {
userID: string | null;
}
const Navbar: React.FC<NavbarProps> = ({ userID }) => {
const searchParams = useSearchParams();
const userID = searchParams.get("userID");
const token = searchParams.get("token");
console.log("User ID:", userID);
return (
@ -22,7 +25,7 @@ function Navbar() {
</div>
</div>
<div className="text-right mx-4 my-2 absolute top-0 right-0">
<Button color='transparent'>
<Button color="white">
<Title>{userID}</Title>
</Button>
</div>