fix: toggle tooltip param

pull/7668/head
Konstantinos Kaloutas 2022-12-15 15:06:43 +02:00 committed by Tienson Qin
parent b1d499abf7
commit 31e3981bbe
2 changed files with 7 additions and 6 deletions

View File

@ -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 => {

View File

@ -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}