fix: toggle tooltip param

logseq · Dec 15, 2022 · 31e3981 · 31e3981
1 parent b1d499a
commit 31e3981
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/tldraw/apps/tldraw-logseq/src/components/ContextBar/contextBarActionFactory.tsx b/tldraw/apps/tldraw-logseq/src/components/ContextBar/contextBarActionFactory.tsx
@@ -126,7 +126,7 @@ const AutoResizingAction = observer(() => {
 
   return (
     <ToggleInput
-      title="Auto Resize"
+      tooltip="Auto Resize"
       toggle={shapes.every(s => s.props.type === 'logseq-portal')}
       className="tl-button"
       pressed={pressed}
@@ -300,7 +300,7 @@ const NoFillAction = observer(() => {
   const noFill = shapes.every(s => s.props.noFill)
 
   return (
-    <ToggleInput title="Fill" className="tl-button" pressed={noFill} onPressedChange={handleChange}>
+    <ToggleInput tooltip="Fill" className="tl-button" pressed={noFill} onPressedChange={handleChange}>
       <TablerIcon name={noFill ? 'droplet-off' : 'droplet'} />
     </ToggleInput>
   )
@@ -435,7 +435,7 @@ const TextStyleAction = observer(() => {
   return (
     <span className="flex gap-1">
       <ToggleInput
-        title="Bold"
+        tooltip="Bold"
         className="tl-button"
         pressed={bold}
         onPressedChange={v => {
@@ -451,7 +451,7 @@ const TextStyleAction = observer(() => {
         <TablerIcon name="bold" />
       </ToggleInput>
       <ToggleInput
-        title="Italic"
+        tooltip="Italic"
         className="tl-button"
         pressed={italic}
         onPressedChange={v => {

diff --git a/tldraw/apps/tldraw-logseq/src/components/inputs/ToggleInput.tsx b/tldraw/apps/tldraw-logseq/src/components/inputs/ToggleInput.tsx
@@ -4,6 +4,7 @@ import * as Toggle from '@radix-ui/react-toggle'
 interface ToggleInputProps extends React.HTMLAttributes<HTMLElement> {
   toggle?: boolean
   pressed: boolean
+  tooltip?: string
   onPressedChange: (value: boolean) => void
 }
 
@@ -12,11 +13,11 @@ export function ToggleInput({
   pressed,
   onPressedChange,
   className,
-  title,
+  tooltip,
   ...rest
 }: ToggleInputProps) {
   return (
-    <Tooltip content={title} asChild={false}>
+    <Tooltip content={tooltip} asChild={false}>
       <Toggle.Root
         {...rest}
         data-toggle={toggle}