diff --git a/src/frontend/src/pages/MainPage/pages/deploymentsPage/components/providers-table.tsx b/src/frontend/src/pages/MainPage/pages/deploymentsPage/components/providers-table.tsx index 37f7c7bd5b..8c652b884d 100644 --- a/src/frontend/src/pages/MainPage/pages/deploymentsPage/components/providers-table.tsx +++ b/src/frontend/src/pages/MainPage/pages/deploymentsPage/components/providers-table.tsx @@ -24,6 +24,12 @@ interface ProvidersTableProps { onDeleteProvider?: (provider: ProviderAccount) => void; } +function truncateMiddle(text: string, maxLength = 50): string { + if (text.length <= maxLength) return text; + const half = Math.floor((maxLength - 3) / 2); + return `${text.slice(0, half)}...${text.slice(-half)}`; +} + function formatDate(iso: string | null) { if (!iso) return "—"; return new Date(iso).toLocaleDateString(undefined, { @@ -62,9 +68,9 @@ export default function ProvidersTable({ {provider.name} - + {typeof provider.provider_data?.url === "string" - ? provider.provider_data.url + ? truncateMiddle(provider.provider_data.url) : "—"}