From 93d7919c4cb998c93cfbde2b390b9141703e1c80 Mon Sep 17 00:00:00 2001
From: Reece Browne <74901996+reecebrowne@users.noreply.github.com>
Date: Tue, 3 Mar 2026 13:49:05 +0000
Subject: [PATCH] Fix split tooltips (#5847)

Co-authored-by: EthanHealy01 <80844253+EthanHealy01@users.noreply.github.com>
---
 .../src/core/components/shared/CardSelector.tsx    | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/frontend/src/core/components/shared/CardSelector.tsx b/frontend/src/core/components/shared/CardSelector.tsx
index 8ab206b70..69d970d99 100644
--- a/frontend/src/core/components/shared/CardSelector.tsx
+++ b/frontend/src/core/components/shared/CardSelector.tsx
@@ -35,16 +35,23 @@ const CardSelector = <T, K extends CardOption<T>>({
     if (getTooltipContent) {
       return getTooltipContent(option);
     }
+    if (option.tooltipKey) {
+      const text = t(option.tooltipKey, '');
+      if (text) return [{ description: text }];
+    }
     return [];
   };
 
   return (
     <Stack gap="sm">
-      {options.map((option) => (
+      {options.map((option) => {
+        const tips = getTooltips(option);
+        return (
         <Tooltip
           key={option.value as string}
           sidebarTooltip
-          tips={getTooltips(option)}
+          tips={tips}
+          disabled={tips.length === 0}
         >
           <Card
             radius="md"
@@ -91,7 +98,8 @@ const CardSelector = <T, K extends CardOption<T>>({
             </Flex>
           </Card>
         </Tooltip>
-      ))}
+      );
+      })}
     </Stack>
   );
 };