Function ShareLink

packages/shared/src/components/post/write/ShareLink.tsx:41–218

({
  squad,
  className,
  onPostSuccess,
  post,
  moderated,
  isPostingOnMySource = false,
  initialUrl,
  initialCommentary,
}: ShareLinkProps)

};

export function ShareLink({
  squad,
  className,
  onPostSuccess,
  post,
  moderated,
  isPostingOnMySource = false,
  initialUrl,
  initialCommentary,
}: ShareLinkProps): ReactElement {
  const fetchedPost = post || moderated;
  const isCreatingPost = !fetchedPost;

  const { showPrompt } = usePrompt();
  const { push } = useRouter();
  const { displayToast } = useToastNotification();
  const { onSubmitForm, isPosting: isPendingCreation } = useWritePostContext();

  const [commentary, setCommentary] = useState(() => {
    if (fetchedPost?.sharedPost) {
      return fetchedPost.title;
    }

    if (fetchedPost) {
      return fetchedPost.content;
    }

    return initialCommentary ?? '';
  });

  useEffect(() => {
    if (!fetchedPost?.sharedPost) {
      return;
    }

    if (fetchedPost.title !== fetchedPost.sharedPost.title) {
      return;
    }

    if (commentary !== fetchedPost.sharedPost.title) {
      return;
    }

    setCommentary('');
  }, [commentary, fetchedPost]);
  const {
    getLinkPreview,
    isLoadingPreview,
    preview,
    isPosting,
    onUpdateSharePost,
    onUpdatePreview,
  } = usePostToSquad({
    onPostSuccess,
    initialPreview:
      fetchedPost?.sharedPost ||
      (moderated && {
        url: moderated.externalLink,