From 0f407f7dbbb45675503e448c2e84b1cc9969c0ae Mon Sep 17 00:00:00 2001
From: gunstr <41468206+gunstr@users.noreply.github.com>
Date: Tue, 1 Jul 2025 13:28:32 +0200
Subject: [PATCH] Replace the url with a clickable icon for link columns in
 tables (#9922)

---
 src/frontend/src/tables/ColumnRenderers.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/tables/ColumnRenderers.tsx b/src/frontend/src/tables/ColumnRenderers.tsx
index dfbcd03529..473dd59ba7 100644
--- a/src/frontend/src/tables/ColumnRenderers.tsx
+++ b/src/frontend/src/tables/ColumnRenderers.tsx
@@ -3,7 +3,12 @@
  */
 import { t } from '@lingui/core/macro';
 import { Anchor, Group, Skeleton, Text, Tooltip } from '@mantine/core';
-import { IconBell, IconExclamationCircle, IconLock } from '@tabler/icons-react';
+import {
+  IconBell,
+  IconExclamationCircle,
+  IconLink,
+  IconLock
+} from '@tabler/icons-react';
 
 import type { ModelType } from '@lib/enums/ModelType';
 import { cancelEvent } from '@lib/functions/Events';
@@ -144,8 +149,9 @@ export function LinkColumn(props: TableColumnProps): TableColumn {
 
             window.open(url, '_blank', 'noopener,noreferrer');
           }}
+          title={url}
         >
-          {url}
+          <IconLink size={18} />
         </Anchor>
       );
     },