Function BoostPostModal

packages/shared/src/features/boost/BoostPostModal.tsx:57–313

({
  post,
  ...props
}: BoostPostModalProps)

export type Screens = keyof typeof SCREENS;

export function BoostPostModal({
  post,
  ...props
}: BoostPostModalProps): ReactElement {
  const { user } = useAuthContext();
  const { openModal } = useLazyModal();
  const client = useQueryClient();
  const { getFeatureValue } = useFeaturesReadyContext();
  const [activeScreen, setActiveScreen] = useState<Screens>(SCREENS.FORM);
  const boostSettings = getFeatureValue(boostSettingsFeature);
  const [coresPerDay, setCoresPerDay] = React.useState(
    boostSettings.default_cores,
  );
  const [totalDays, setTotalDays] = React.useState(boostSettings.default_days);
  const [estimate, setEstimate] = useState({ coresPerDay, totalDays });
  const [updateEstimate] = useDebounceFn(setEstimate, 400);
  const totalSpendInt = coresPerDay * totalDays;
  const totalSpend = largeNumberFormat(totalSpendInt);
  const { estimatedReach, canBoost, isLoading } = usePostBoostEstimation({
    post,
    query: { budget: estimate.coresPerDay },
  });
  const { onStartBoost: onBoostPost } = useCampaignMutation({
    onBoostSuccess: (data, vars) => {
      if (data.referenceId) {
        updatePostCache(client, vars.value, (old) => ({
          flags: { ...old.flags, campaignId: data.referenceId },
        }));
      }

      setActiveScreen(SCREENS.SUCCESS);
    },
  });
  const image = usePostImage(post);

  const onButtonClick = () => {
    if (user.balance.amount < totalSpendInt) {
      return setActiveScreen(SCREENS.BUY_CORES);
    }

    return onBoostPost({
      duration: totalDays,
      budget: coresPerDay,
      value: post.id,
      type: CampaignType.Post,
    });
  };

  if (activeScreen === SCREENS.BUY_CORES) {
    return (
      <BuyCoresModal
        isOpen
        product={null}
        onCompletion={() => setActiveScreen(SCREENS.FORM)}
        onRequestClose={() => setActiveScreen(SCREENS.FORM)}
        amountNeededCopy={
          <Typography
            type={TypographyType.Callout}