Function Share

app/components/Share.tsx:13–101

()

);

export function Share() {
  useEffect(() => {
    setLink(window.location.href);
  }, []);
  const [link, setLink] = useState("");

  const [copyText, setCopyText] = useState<React.ReactNode>(buttonDefault);

  const [copied, setCopied] = useState(false);

  useEffect(() => {
    if (copied) {
      const timeout = setTimeout(() => {
        setCopyText(buttonDefault);
        setCopied(false);
      }, 1800);

      return () => clearTimeout(timeout);
    }
  }, [copied]);

  const handleCopy = useCallback(() => {
    navigator.clipboard.writeText(link).then(
      function () {
        setCopyText(<span>Copied!</span>);
        setCopied(true);
      },
      function (err) {
        setCopyText(<span>Failed to copy</span>);
        setCopied(true);
      }
    );
  }, [link, setCopyText]);

  const { selectedNodeId } = useJsonColumnViewState();

  const handleIncludesPath = useCallback(
    (includesPath: boolean) => {
      if (!selectedNodeId) {
        return;
      }

      if (includesPath) {
        const url = new URL(window.location.href);
        for (const [key] of url.searchParams) {
          url.searchParams.delete(key);
        }

        url.searchParams.append("path", selectedNodeId);

        setLink(url.href);
      } else {
        setLink(window.location.href);
      }
    },
    [link, selectedNodeId]
  );