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

Community engagement buttons

Browse source
This commit is contained in:
yuneng-jiang 2026-01-14 14:33:25 -08:00
parent dcac090de0
commit b7c40a049d
2 changed files with 39 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -61,6 +61,26 @@ describe("Navbar", () => {
expect(screen.getByText("User")).toBeInTheDocument();
});
it("should render Join Slack button with correct link", () => {
renderWithProviders(<Navbar {...defaultProps} />);
const joinSlackLink = screen.getByRole("link", { name: /join slack/i });
expect(joinSlackLink).toBeInTheDocument();
expect(joinSlackLink).toHaveAttribute("href", "https://www.litellm.ai/support");
expect(joinSlackLink).toHaveAttribute("target", "_blank");
expect(joinSlackLink).toHaveAttribute("rel", "noopener noreferrer");
});
it("should render Star us on GitHub button with correct link", () => {
renderWithProviders(<Navbar {...defaultProps} />);
const starOnGithubLink = screen.getByRole("link", { name: /star us on github/i });
expect(starOnGithubLink).toBeInTheDocument();
expect(starOnGithubLink).toHaveAttribute("href", "https://github.com/BerriAI/litellm");
expect(starOnGithubLink).toHaveAttribute("target", "_blank");
expect(starOnGithubLink).toHaveAttribute("rel", "noopener noreferrer");
});
it("should display user information in dropdown", async () => {
const user = userEvent.setup();
renderWithProviders(<Navbar {...defaultProps} />);

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

@ -16,10 +16,11 @@ import {
MenuFoldOutlined,
MenuUnfoldOutlined,
SafetyOutlined,
StarOutlined,
UserOutlined,
} from "@ant-design/icons";
import type { MenuProps } from "antd";
import { Dropdown, Switch, Tooltip } from "antd";
import { Button, Dropdown, Switch, Tooltip } from "antd";
import Link from "next/link";
import React, { useEffect, useState } from "react";
@ -207,6 +208,23 @@ const Navbar: React.FC<NavbarProps> = ({
</div>
{/* Right side nav items */}
<div className="flex items-center space-x-5 ml-auto">
<Button
href="https://www.litellm.ai/support"
target="_blank"
rel="noopener noreferrer"
className="shadow-md shadow-indigo-500/20 hover:shadow-indigo-500/50 transition-shadow"
>
Join Slack
</Button>
<Button
href="https://github.com/BerriAI/litellm"
target="_blank"
rel="noopener noreferrer"
className="shadow-md shadow-indigo-500/20 hover:shadow-indigo-500/50 transition-shadow"
icon={<StarOutlined />}
>
Star us on GitHub
</Button>
<a
href="https://docs.litellm.ai/docs/"
target="_blank"