Function RaffleHandler

packages/devtools-ui/src/components/raffle-handler.tsx:9–110

()

const CALENDLY_URL = "#";

export const RaffleHandler = () => {
  const [ran, setRan] = React.useState(false);
  const [calendlyURL, setCalendlyURL] = React.useState("");
  const [raffleModal, setRaffleModal] = React.useState(false);

  const submitRaffle = React.useCallback(async () => {
    const response = await raffle();

    if (response.raffle) {
      setCalendlyURL(response.calendlyURL);
      setRaffleModal(true);
    } else {
      setRaffleModal(false);
    }
  }, []);

  const onCloseModal = React.useCallback(() => {
    acknowledgeRaffle();
    setRaffleModal(false);
  }, []);

  React.useEffect(() => {
    const time = 60 * 1000 * (ran ? 5 : 0.5);

    const interval = setInterval(() => {
      submitRaffle();
      if (!ran) {
        setRan(true);
      }
    }, time);

    return () => {
      clearInterval(interval);
    };
  }, [ran]);

  return (
    <Modal
      overlay
      visible={raffleModal}
      onClose={onCloseModal}
      header={
        <div className={clsx("re-flex")}>
          <h1
            className={clsx(
              "re-text-gray-300",
              "re-font-semibold",
              "re-text-lg",
            )}
          >
            {"Let's chat!"}
          </h1>
        </div>
      }
    >
      <div className={clsx("re-p-5", "re-flex", "re-flex-col", "re-gap-5")}>
        <img
          src="https://refine.ams3.cdn.digitaloceanspaces.com/devtools/refine-swag.webp"