Просмотр исходного кода

fix: active state of toggle input

Konstantinos Kaloutas 3 лет назад
Родитель
Сommit
b1d499abf7

+ 3 - 2
tldraw/apps/tldraw-logseq/src/components/Tooltip/Tooltip.tsx

@@ -5,13 +5,14 @@ export interface TooltipProps extends ReactTooltip.TooltipContentProps {
   side?: Side
   sideOffset?: number
   content?: React.ReactNode
+  asChild?: boolean
 }
 
-export function Tooltip({ side, content, sideOffset = 10, ...rest }: TooltipProps) {
+export function Tooltip({ side, content, asChild=true, sideOffset = 10, ...rest }: TooltipProps) {
   return content ? (
     <ReactTooltip.Provider delayDuration={300}>
       <ReactTooltip.Root>
-        <ReactTooltip.Trigger asChild>{rest.children}</ReactTooltip.Trigger>
+        <ReactTooltip.Trigger asChild={asChild}>{rest.children}</ReactTooltip.Trigger>
         <ReactTooltip.Portal>
           <ReactTooltip.Content
             className="tl-tooltip-content"

+ 1 - 1
tldraw/apps/tldraw-logseq/src/components/inputs/ToggleInput.tsx

@@ -16,7 +16,7 @@ export function ToggleInput({
   ...rest
 }: ToggleInputProps) {
   return (
-    <Tooltip content={title}>
+    <Tooltip content={title} asChild={false}>
       <Toggle.Root
         {...rest}
         data-toggle={toggle}