fix: prevent form submit on tooltip click, ref #5258

leather-io · Apr 22, 2024 · 8735380 · 8735380
1 parent 5264a99
commit 8735380
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/app/ui/components/containers/footers/available-balance.tsx b/src/app/ui/components/containers/footers/available-balance.tsx
@@ -18,7 +18,7 @@ export function AvailableBalance({
         <styled.span color="ink.text-subdued" textStyle="caption.01">
           Available balance
         </styled.span>
-        <BasicTooltip label={balanceTooltipLabel} side="top">
+        <BasicTooltip asChild label={balanceTooltipLabel} side="top">
           <Box>
             <InfoCircleIcon color="ink.text-subdued" variant="small" />
           </Box>

diff --git a/src/app/ui/components/tooltip/basic-tooltip.tsx b/src/app/ui/components/tooltip/basic-tooltip.tsx
@@ -11,6 +11,7 @@ interface BasicTooltipProps {
   side?: RadixTooltip.TooltipContentProps['side'];
   asChild?: boolean;
 }
+
 export function BasicTooltip({ children, label, disabled, side, asChild }: BasicTooltipProps) {
   const isDisabled = !label || disabled;
   return (