tiennm99/litellm
1
0
Fork 0
mirror of https://github.com/tiennm99/litellm.git synced 2026-08-09 00:26:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #24315 from BerriAI/litellm_copy_user_id_on_click

Browse Source 
polish: add click-to-copy icon on User ID in internal users table
This commit is contained in:
ryan-crabbe
2026-03-21 12:06:36 -07:00
committed by GitHub
parent 41b1c44289 1d7cff22cb
commit b21948fdc3
1 changed files with 18 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ui/litellm-dashboard/src/components/view_users/columns.tsx
+18 -4
View File
@@ -3,7 +3,8 @@ import { Badge, Grid, Icon } from "@tremor/react";
import { Tooltip, Checkbox } from "antd";
import { UserInfo } from "./types";
import { PencilAltIcon, TrashIcon, InformationCircleIcon, RefreshIcon } from "@heroicons/react/outline";
import { formatNumberWithCommas } from "@/utils/dataUtils";
import { CopyOutlined } from "@ant-design/icons";
import { formatNumberWithCommas, copyToClipboard } from "@/utils/dataUtils";
interface SelectionOptions {
selectedUsers: UserInfo[];
@@ -29,9 +30,22 @@ export const columns = (
accessorKey: "user_id",
enableSorting: true,
cell: ({ row }) => (
<Tooltip title={row.original.user_id}>
<span className="text-xs">{row.original.user_id ? `${row.original.user_id.slice(0, 7)}...` : "-"}</span>
</Tooltip>
<div className="flex items-center space-x-2">
<Tooltip title={row.original.user_id}>
<span className="text-xs">{row.original.user_id ? `${row.original.user_id.slice(0, 7)}...` : "-"}</span>
</Tooltip>
{row.original.user_id && (
<Tooltip title="Copy User ID">
<CopyOutlined
onClick={(e) => {
e.stopPropagation();
copyToClipboard(row.original.user_id, "User ID copied to clipboard");
}}
className="cursor-pointer text-gray-500 hover:text-blue-500 text-xs"
/>
</Tooltip>
)}
</div>
),
},
{