chore(website): Fix BadgedButton documentation

mlaursen · Apr 1, 2022 · b147a88 · b147a88
1 parent ec84800
commit b147a88
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/packages/documentation/src/components/Demos/Badge/TooltippedBadgedButton.tsx b/packages/documentation/src/components/Demos/Badge/TooltippedBadgedButton.tsx
@@ -33,6 +33,8 @@ export default forwardRef<HTMLButtonElement, TooltippedBadgedButtonProps>(
   ) {
     const { elementProps, tooltipProps } = useTooltip({
       baseId: id,
+      disabled: !tooltip,
+      style: tooltipStyle,
       onClick,
       onBlur,
       onFocus,
@@ -48,11 +50,7 @@ export default forwardRef<HTMLButtonElement, TooltippedBadgedButtonProps>(
         <BadgedButton {...props} {...elementProps} ref={ref}>
           {children}
         </BadgedButton>
-        <Tooltip
-          {...tooltipProps}
-          style={tooltipStyle}
-          className={tooltipClassName}
-        >
+        <Tooltip {...tooltipProps} className={tooltipClassName}>
           {tooltip}
         </Tooltip>
       </>

diff --git a/packages/documentation/src/components/Demos/Badge/WithTooltips.md b/packages/documentation/src/components/Demos/Badge/WithTooltips.md
@@ -1,4 +1,4 @@
 Tooltips can also be integrated with a `Badge` to show additional information
 about these notifications as well. Unfortunately there isn't a component
 included in `react-md` at this time to do this, but it can easily be created
-using the `Tooltipped` and `BadgedButton` components.
+using the `useTooltip` hook and the `BadgedButton` component.