mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Show the system contacts icon in more places

Browse source
This commit is contained in:
Jamie Kyle 2024-03-25 12:22:35 -07:00 • committed by GitHub
parent 6bc6cc64c4
commit f29fc7cf9d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
10 changed files with 132 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

60
ts/components/Tooltip.tsx
View file

@ -6,6 +6,7 @@ import classNames from 'classnames';
import { noop } from 'lodash';
import { Manager, Reference, Popper } from 'react-popper';
import type { StrictModifiers } from '@popperjs/core';
import { createPortal } from 'react-dom';
import type { Theme } from '../util/theme';
import { themeClassName } from '../util/theme';
import { refMerger } from '../util/refMerger';
@ -169,34 +170,37 @@ export function Tooltip({
</TooltipEventWrapper>
)}
</Reference>
<Popper
placement={direction}
modifiers={[offsetDistanceModifier(12), ...popperModifiers]}
>
{({ arrowProps, placement, ref, style }) =>
showTooltip && (
<div
className={classNames(
'module-tooltip',
tooltipThemeClassName,
className
)}
ref={ref}
style={style}
data-placement={placement}
>
{content}
{!hideArrow ? (
<div
className="module-tooltip-arrow"
ref={arrowProps.ref}
style={arrowProps.style}
/>
) : null}
</div>
)
}
</Popper>
{createPortal(
<Popper
placement={direction}
modifiers={[offsetDistanceModifier(12), ...popperModifiers]}
>
{({ arrowProps, placement, ref, style }) =>
showTooltip && (
<div
className={classNames(
'module-tooltip',
tooltipThemeClassName,
className
)}
ref={ref}
style={style}
data-placement={placement}
>
{content}
{!hideArrow ? (
<div
className="module-tooltip-arrow"
ref={arrowProps.ref}
style={arrowProps.style}
/>
) : null}
</div>
)
}
</Popper>,
document.body
)}
</Manager>
);
}