Function ShareOnXButton

components/share-on-x-button.tsx:14–42

({
  text,
  className,
}: ShareOnXButtonProps)

}

export default function ShareOnXButton({
  text,
  className,
}: ShareOnXButtonProps) {
  const [shareUrl, setShareUrl] = React.useState("");

  React.useEffect(() => {
    setShareUrl(window.location.href);
  }, []);

  const onClick = React.useCallback(() => {
    const intentUrl = `https://twitter.com/intent/tweet?text=${encodeURIComponent(
      text
    )}&url=${encodeURIComponent(shareUrl)}`;
    window.open(intentUrl, "_blank", "noopener,noreferrer");
  }, [shareUrl, text]);

  return (
    <Button
      variant="outline"
      size="sm"
      aria-label="Share on X"
      className={className}
      onClick={onClick}
      disabled={!shareUrl}
    >
      <HugeiconsIcon icon={NewTwitterFreeIcons} />
    </Button>
  );
}