Function BoostPostButton

packages/shared/src/features/boost/BoostButton.tsx:33–60

({
  post,
  buttonProps = {},
}: {
  post: Post;
  buttonProps?: ButtonProps<'button'>;
})

}

export function BoostPostButton({
  post,
  buttonProps = {},
}: {
  post: Post;
  buttonProps?: ButtonProps<'button'>;
}): ReactElement {
  const { openModal } = useLazyModal();
  const campaignId = post?.flags?.campaignId;
  const { data: campaign, isFetched } = useCampaignById(campaignId);

  const onBoost = () =>
    openModal({ type: LazyModal.BoostPost, props: { post } });

  const onViewBoost = () =>
    openModal({ type: LazyModal.BoostedCampaignView, props: { campaign } });

  return (
    <BoostButton
      campaignId={campaignId}
      buttonProps={{
        ...buttonProps,
        loading: campaignId && !isFetched,
        onClick: campaignId ? onViewBoost : onBoost,
      }}
    />
  );
}