mirror of
https://github.com/BerriAI/litellm.git
synced 2026-09-22 00:31:44 +00:00
fix(ui/agents): drop @ant-design/icons from ToolCallCard
@ant-design/icons isn't a direct dependency of the dashboard. Use a text glyph (▸/▾) instead — keeps the toggle visible without adding a runtime import.
This commit is contained in:
parent
5f2c518dd2
commit
6848a17fa4
1 changed files with 3 additions and 8 deletions
|
|
@ -9,7 +9,6 @@
|
|||
*/
|
||||
import { useState } from "react";
|
||||
import { Card, Tag, Typography, Button } from "antd";
|
||||
import { CaretRightOutlined, CaretDownOutlined } from "@ant-design/icons";
|
||||
|
||||
const { Text, Paragraph } = Typography;
|
||||
|
||||
|
|
@ -24,13 +23,9 @@ export default function ToolCallCard({ tool, input, result }: ToolCallCardProps)
|
|||
return (
|
||||
<Card size="small" className="!mb-3" data-testid="tool-call-card" bodyStyle={{ padding: 8 }}>
|
||||
<div className="flex items-center gap-2">
|
||||
<Button
|
||||
size="small"
|
||||
type="text"
|
||||
icon={expanded ? <CaretDownOutlined /> : <CaretRightOutlined />}
|
||||
onClick={() => setExpanded((v) => !v)}
|
||||
data-testid="tool-call-toggle"
|
||||
/>
|
||||
<Button size="small" type="text" onClick={() => setExpanded((v) => !v)} data-testid="tool-call-toggle">
|
||||
{expanded ? "▾" : "▸"}
|
||||
</Button>
|
||||
<Tag color="cyan" className="!m-0">
|
||||
{tool}
|
||||
</Tag>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue