Function BoostSquadModal

packages/shared/src/features/boost/BoostSquadModal.tsx:58–339

({
  squad,
  ...props
}: BoostSquadModalProps)

export type Screens = keyof typeof SCREENS;

export function BoostSquadModal({
  squad,
  ...props
}: BoostSquadModalProps): ReactElement {
  const { user } = useAuthContext();
  const client = useQueryClient();
  const { getFeatureValue } = useFeaturesReadyContext();
  const { openModal } = useLazyModal();
  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 canBoost = !!squad.image && !!squad.headerImage && !!squad.description;
  const { estimatedReach, isLoading } = useCampaignEstimation({
    type: CampaignType.Squad,
    query: { budget: estimate.coresPerDay },
    referenceId: squad.id,
    enabled: canBoost,
  });
  const { onStartBoost } = useCampaignMutation({
    onBoostSuccess: (data) => {
      if (data.referenceId) {
        client.setQueryData<Squad>(
          generateQueryKey(RequestKey.Squad, user, squad.handle),
          (old) => {
            if (!old) {
              return old;
            }

            return {
              ...old,
              flags: { ...old.flags, campaignId: data.referenceId },
            };
          },
        );
      }

      setActiveScreen(SCREENS.SUCCESS);
    },
  });

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

    return onStartBoost({
      duration: totalDays,
      budget: coresPerDay,
      value: squad.id,
      type: CampaignType.Squad,
    });