diff --git a/packages/components/src/components/Tooltip/Tooltip.test.tsx b/packages/components/src/components/Tooltip/Tooltip.test.tsx index 6db89e8ddf7..c40c3a44f3c 100644 --- a/packages/components/src/components/Tooltip/Tooltip.test.tsx +++ b/packages/components/src/components/Tooltip/Tooltip.test.tsx @@ -74,4 +74,26 @@ describe('Tooltip', () => { const parent = triggerBefore.parentElement; expect(parent).toHaveAttribute('data-state', 'closed'); }); + + it('should apply the cursor prop to the content wrapper', () => { + const tooltipContent = 'Tooltip Content'; + render( + + + , + ); + + expect(screen.getByText('Hover me').parentElement).toHaveStyle({ cursor: 'pointer' }); + }); + + it('should should apply the default=help cursor when the passed cursor is undefined', () => { + const tooltipContent = 'Tooltip Content'; + render( + + + , + ); + + expect(screen.getByText('Hover me').parentElement).toHaveStyle({ cursor: 'help' }); + }); }); diff --git a/packages/components/src/components/Tooltip/Tooltip.tsx b/packages/components/src/components/Tooltip/Tooltip.tsx index 6ad82194d5e..a585f0c421c 100644 --- a/packages/components/src/components/Tooltip/Tooltip.tsx +++ b/packages/components/src/components/Tooltip/Tooltip.tsx @@ -46,11 +46,10 @@ type UnmanagedModeProps = { }; type TooltipUiProps = { - isActive?: boolean; // Determines if the tooltip is activated - if it listens and reacts to the interaction + isActive?: boolean; children: ReactNode; className?: string; dashed?: boolean; - disabled?: boolean; offset?: number; shift?: ShiftOptions; cursor?: Cursor; @@ -70,7 +69,6 @@ export type TooltipProps = (ManagedModeProps | UnmanagedModeProps) & export const Tooltip = ({ isActive = true, // NOTE: determines, if the tooltip is actually working - is displayed, reacts to the events placement = 'top', - disabled = false, // NOTE: determines the appearance of the cursor over the tooltip trigger children, isLarge = false, dashed = false, @@ -111,12 +109,7 @@ export const Tooltip = ({ delay={delayConfiguration} > - + {children} {hasIcon && } diff --git a/packages/suite/src/components/suite/layouts/SuiteLayout/DeviceSelector/DeviceSelector.tsx b/packages/suite/src/components/suite/layouts/SuiteLayout/DeviceSelector/DeviceSelector.tsx index 7f59fae5215..2cebf8fad95 100644 --- a/packages/suite/src/components/suite/layouts/SuiteLayout/DeviceSelector/DeviceSelector.tsx +++ b/packages/suite/src/components/suite/layouts/SuiteLayout/DeviceSelector/DeviceSelector.tsx @@ -137,6 +137,7 @@ export const DeviceSelector = () => { isActive={discoveryInProgress} isFullWidth placement="bottom" + cursor="not-allowed" content={} > { id="TR_YOUR_FIRMWARE_VERSION" values={{ version: ( - + {revision ? (