phoenix/litellm-mirror
0
0
Fork 1
mirror of https://github.com/BerriAI/litellm.git synced 2025-04-27 19:54:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add copy icon

Browse source
This commit is contained in:
Ishaan Jaff 2024-05-26 14:08:27 -07:00
parent 58c8d4ba71
commit 868c1ba792
1 changed files with 35 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

53
ui/litellm-dashboard/src/components/model_hub.tsx
View file

@ -4,9 +4,10 @@ import { modelHubCall } from "./networking";
import { Card, Text, Title, Grid, Button } from "@tremor/react";
import { RightOutlined } from '@ant-design/icons';
import { RightOutlined, CopyOutlined } from '@ant-design/icons';
import { Modal, Tooltip } from 'antd';
import { Modal } from 'antd';
interface ModelHubProps {
@ -43,6 +44,8 @@ const ModelHub: React.FC<ModelHubProps> = ({
}) => {
const [modelHubData, setModelHubData] = useState(null);
const [isModalVisible, setIsModalVisible] = useState(false);
@ -50,6 +53,7 @@ const ModelHub: React.FC<ModelHubProps> = ({
const [selectedModel, setSelectedModel] = useState(null);
useEffect(() => {
if (!accessToken || !token || !userRole || !userID) {
@ -70,8 +74,6 @@ const ModelHub: React.FC<ModelHubProps> = ({
setModelHubData(_modelHubData.data);
} catch (error) {
console.error("There was an error fetching the model data", error);
@ -118,6 +120,14 @@ const ModelHub: React.FC<ModelHubProps> = ({
const copyToClipboard = (text) => {
navigator.clipboard.writeText(text);
};
return (
<div>
@ -126,34 +136,41 @@ const ModelHub: React.FC<ModelHubProps> = ({
<div style={{ width: '100%' }}>
<div className="grid grid-cols-2 gap-6 sm:grid-cols-3 lg:grid-cols-4">
<div className="grid grid-cols-2 gap-6 sm:grid-cols-3 lg:grid-cols-4">
{modelHubData && modelHubData.map((model: any) => (
<Card
key={model.model_id}
<Card
className="mt-5 mx-8"
key={model.model_id}
>
className="mt-5 mx-8"
<pre>
>
<Title level={4}>{model.model_name}</Title>
<pre>
</pre>
<Title level={4}>{model.model_name}</Title>
<div style={{ marginTop: 'auto', textAlign: 'right' }}>
</pre>
<a href="#" onClick={() => showModal(model)} style={{ color: '#1890ff', fontSize: 'smaller' }}>
<div style={{ marginTop: 'auto', textAlign: 'right' }}>
View more <RightOutlined />
<Tooltip title="Copy Model Name">
</a>
<CopyOutlined onClick={() => copyToClipboard(model.model_name)} style={{ cursor: 'pointer', marginRight: '10px' }} />
</div>
</Tooltip>
</Card>
<a href="#" onClick={() => showModal(model)} style={{ color: '#1890ff', fontSize: 'smaller' }}>
View more <RightOutlined />
</a>
</div>
</Card>
))}