diff --git a/ui/litellm-dashboard/src/components/workflow_runs/index.tsx b/ui/litellm-dashboard/src/components/workflow_runs/index.tsx index 2aecbece2e3..5ee54ed2c00 100644 --- a/ui/litellm-dashboard/src/components/workflow_runs/index.tsx +++ b/ui/litellm-dashboard/src/components/workflow_runs/index.tsx @@ -1,6 +1,7 @@ import React, { useState, useEffect, useCallback } from "react"; import { Button, Collapse, Drawer, Empty, Spin, Table, Tooltip, Typography } from "antd"; import { ReloadOutlined } from "@ant-design/icons"; +import { useTranslation } from "react-i18next"; import { proxyBaseUrl } from "@/components/networking"; const { Text } = Typography; @@ -118,6 +119,7 @@ const StatusDot: React.FC<{ status: RunStatus; size?: number }> = ({ status, siz const TRUNCATE_AT = 120; const TruncatedValue: React.FC<{ value: string }> = ({ value }) => { + const { t } = useTranslation(); const [expanded, setExpanded] = useState(false); if (value.length <= TRUNCATE_AT) { return {value}; @@ -137,7 +139,7 @@ const TruncatedValue: React.FC<{ value: string }> = ({ value }) => { flexShrink: 0, }} > - {expanded ? "less" : "more"} + {expanded ? t("workflowRuns.index.less") : t("workflowRuns.index.more")} ); @@ -274,10 +276,11 @@ const GanttTimeline: React.FC<{ run: WorkflowRun; events: WorkflowRunEvent[]; }> = ({ run, events }) => { + const { t } = useTranslation(); if (events.length === 0) { return (