Fix tooltip bugs

This commit is contained in:
Josh Perez 2020-11-19 13:11:35 -05:00 committed by Josh Perez
parent 6398a01852
commit c6eafbb8d5
16 changed files with 339 additions and 235 deletions

View file

@ -2,8 +2,8 @@
// SPDX-License-Identifier: AGPL-3.0-only
import React from 'react';
import Tooltip from 'react-tooltip-lite';
import { Avatar } from './Avatar';
import { Tooltip } from './Tooltip';
import { ContactName } from './conversation/ContactName';
import { LocalizerType } from '../types/Util';
import { ColorType } from '../types/Colors';
@ -41,22 +41,16 @@ const CallButton = ({
tooltipContent,
}: CallButtonProps): JSX.Element => {
return (
<button
className={`module-incoming-call__button module-incoming-call__button--${classSuffix}`}
onClick={onClick}
tabIndex={tabIndex}
type="button"
>
<Tooltip
arrowSize={6}
content={tooltipContent}
direction="bottom"
distance={16}
hoverDelay={0}
<Tooltip content={tooltipContent}>
<button
className={`module-incoming-call__button module-incoming-call__button--${classSuffix}`}
onClick={onClick}
tabIndex={tabIndex}
type="button"
>
<div />
</Tooltip>
</button>
</button>
</Tooltip>
);
};