Rename files

ts/components/InContactsIcon.dom.tsx

@@ -0,0 +1,41 @@
+// Copyright 2020 Signal Messenger, LLC
+// SPDX-License-Identifier: AGPL-3.0-only
+
+import React from 'react';
+import classNames from 'classnames';
+
+import { Tooltip } from './Tooltip.dom.js';
+import type { LocalizerType } from '../types/Util.std.js';
+
+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 */
+}