Function useCopyLink

packages/shared/src/hooks/useCopy.ts:22–67

(
  getLink?: () => string,
  shorten = false,
)

  | ((props?: CopyNotifyFunctionProps) => Promise<void>);

export function useCopyLink(
  getLink?: () => string,
  shorten = false,
): [boolean, CopyNotifyFunction] {
  const [copying, setCopying] = useState(false);
  const { displayToast } = useToastNotification();
  const { getShortUrl } = useGetShortUrl();

  const copy: CopyNotifyFunction = async (props = {}) => {
    const link = props.link || getLink();
    const shortenLink = props.shorten || shorten;

    if (link) {
      // write the link to clipboard
      await navigator.clipboard.writeText(link);

      // try with a shortened link as well, if requested
      if (shortenLink) {
        try {
          const clipBoardItem = new ClipboardItem({
            'text/plain': getShortUrl(link).then((shortenedLink) => {
              return new Blob([shortenedLink], { type: 'text/plain' });
            }),
          });
          await navigator.clipboard.write([clipBoardItem]);
        } catch (e) {
          // eslint-disable-next-line no-console
          console.warn('Error copying to clipboard', e);
        }
      }

      if (!props.disableToast) {
        displayToast(props.message || defaultLinkMessage, props);
      }
    } else {
      displayToast(noLinkErrorMessage, props);
    }

    setCopying(true);
    setTimeout(() => {
      setCopying(false);
    }, 1000);
  };

  return [copying, copy];
}

export function useCopyText(text?: string): [boolean, CopyNotifyFunction] {
  const [copying, setCopying] = useState(false);