41 lines
1.1 KiB
TypeScript
41 lines
1.1 KiB
TypeScript
// Copyright 2020 Signal Messenger, LLC
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
import React from 'react';
|
|
import classNames from 'classnames';
|
|
|
|
import { Tooltip } from './Tooltip';
|
|
import type { LocalizerType } from '../types/Util';
|
|
|
|
export type PropsType = {
|
|
className?: string;
|
|
tooltipContainerRef?: React.RefObject<HTMLElement>;
|
|
i18n: LocalizerType;
|
|
};
|
|
|
|
export function InContactsIcon(props: PropsType): JSX.Element {
|
|
const { className, i18n, tooltipContainerRef } = props;
|
|
|
|
/* eslint-disable jsx-a11y/no-noninteractive-tabindex */
|
|
return (
|
|
<Tooltip
|
|
content={i18n('icu:contactInAddressBook')}
|
|
popperModifiers={[
|
|
{
|
|
name: 'preventOverflow',
|
|
options: {
|
|
boundary: tooltipContainerRef?.current || undefined,
|
|
},
|
|
},
|
|
]}
|
|
>
|
|
<span
|
|
aria-label={i18n('icu:contactInAddressBook')}
|
|
className={classNames('module-in-contacts-icon__icon', className)}
|
|
role="img"
|
|
tabIndex={0}
|
|
/>
|
|
</Tooltip>
|
|
);
|
|
/* eslint-enable jsx-a11y/no-noninteractive-tabindex */
|
|
}
|