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

(fix) left nav

Browse source
This commit is contained in:
Ishaan Jaff 2024-03-29 09:57:57 -07:00
parent 76d68a4e46
commit fae935cdb2
1 changed files with 18 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

21
ui/litellm-dashboard/src/components/leftnav.tsx
View file

@ -1,6 +1,7 @@
import { Layout, Menu } from "antd"; import { Layout, Menu } from "antd";
import Link from "next/link"; import Link from "next/link";
import { List } from "postcss/lib/list"; import { List } from "postcss/lib/list";
import { Text } from "@tremor/react"
const { Sider } = Layout; const { Sider } = Layout;
@ -45,38 +46,52 @@ const Sidebar: React.FC<SidebarProps> = ({
); );
} }
return ( return (
<Layout style={{ minHeight: "100vh", maxWidth: "120px" }}> <Layout style={{ minHeight: "100vh", maxWidth: "100px" }}>
<Sider width={120}> <Sider width={100}>
<Menu <Menu
mode="inline" mode="inline"
defaultSelectedKeys={defaultSelectedKey ? defaultSelectedKey : ["1"]} defaultSelectedKeys={defaultSelectedKey ? defaultSelectedKey : ["1"]}
style={{ height: "100%", borderRight: 0 }} style={{ height: "100%", borderRight: 0 }}
> >
<Menu.Item key="1" onClick={() => setPage("api-keys")}> <Menu.Item key="1" onClick={() => setPage("api-keys")}>
<Text>
API Keys API Keys
</Text>
</Menu.Item> </Menu.Item>
<Menu.Item key="2" onClick={() => setPage("models")}> <Menu.Item key="2" onClick={() => setPage("models")}>
<Text>
Models Models
</Text>
</Menu.Item> </Menu.Item>
<Menu.Item key="3" onClick={() => setPage("llm-playground")}> <Menu.Item key="3" onClick={() => setPage("llm-playground")}>
Chat UI <Text>
Test Key
</Text>
</Menu.Item> </Menu.Item>
<Menu.Item key="4" onClick={() => setPage("usage")}> <Menu.Item key="4" onClick={() => setPage("usage")}>
<Text>
Usage Usage
</Text>
</Menu.Item> </Menu.Item>
{userRole == "Admin" ? ( {userRole == "Admin" ? (
<Menu.Item key="5" onClick={() => setPage("users")}> <Menu.Item key="5" onClick={() => setPage("users")}>
<Text>
Users Users
</Text>
</Menu.Item> </Menu.Item>
) : null} ) : null}
{userRole == "Admin" ? ( {userRole == "Admin" ? (
<Menu.Item key="6" onClick={() => setPage("teams")}> <Menu.Item key="6" onClick={() => setPage("teams")}>
<Text>
Teams Teams
</Text>
</Menu.Item> </Menu.Item>
) : null} ) : null}
{userRole == "Admin" ? ( {userRole == "Admin" ? (
<Menu.Item key="7" onClick={() => setPage("admin-panel")}> <Menu.Item key="7" onClick={() => setPage("admin-panel")}>
<Text>
Admin Admin
</Text>
</Menu.Item> </Menu.Item>
) : null} ) : null}
</Menu> </Menu>