Function ShareBar

packages/shared/src/components/ShareBar.tsx:34–152

({ post }: ShareBarProps)

const maxVisibleSquadsWhenCollapsed = maxVisibleOptions - fixedOptions;

export default function ShareBar({ post }: ShareBarProps): ReactElement {
  const [isExpanded, setIsExpanded] = useState(false);
  const href = post.commentsPermalink;
  const cid = ReferralCampaignKey.SharePost;
  const { getShortUrl } = useGetShortUrl();
  const [copying, copyLink] = useCopyPostLink();
  const { logEvent } = useLogContext();
  const { openModal } = useLazyModal();
  const { logOpts } = useContext(ActiveFeedContext);
  const { squads } = useAuthContext();

  const shareableSquadsCount = useMemo(
    () => getShareableSquads(squads).length,
    [squads],
  );
  const squadOptionsCount = shareableSquadsCount || 1;
  const totalOptionsCount = fixedOptions + squadOptionsCount;
  const shouldShowToggle = totalOptionsCount > maxVisibleOptions;

  const logShareEvent = (provider: ShareProvider) =>
    logEvent(
      postLogEvent(LogEvent.SharePost, post, {
        extra: { provider, origin: Origin.ShareBar },
        ...(logOpts && logOpts),
      }),
    );

  const onClick = async (provider: ShareProvider) => {
    logShareEvent(provider);

    const shortLink = await getShortUrl(href, cid);
    const shareLink = getShareLink({
      provider,
      link: shortLink,
      text: post?.title || post?.sharedPost?.title,
    });
    window.open(shareLink, '_blank');
  };

  const logAndCopyLink = async () => {
    const shortLink = await getShortUrl(href, cid);
    copyLink({ link: shortLink });
    logShareEvent(ShareProvider.CopyLink);
  };

  const onShareToSquad = (squad: Squad) => {
    logEvent(postLogEvent(LogEvent.StartShareToSquad, post));
    openModal({
      type: LazyModal.CreateSharedPost,
      props: {
        squad,
        preview: post,
        onSharedSuccessfully: () =>
          logEvent(postLogEvent(LogEvent.ShareToSquad, post)),
      },
    });
  };