Function JoinContext

apps/web/contexts/Join.tsx:25–127

({ children }: Props)

};

export const JoinContext = ({ children }: Props) => {
  const [open, setOpen] = useState(false);
  const [communityId, setCommunityId] = useState<string>();
  const [flow, setFlow] = useState<AuthFlow>('signup');
  const [mode, setMode] = useState<SignInMode>('magic');

  const [callbackUrl, setCallbackUrl] = useState<string>();

  useEffect(() => {
    if (!callbackUrl) {
      setCallbackUrl(window.location.href);
    }
  }, [callbackUrl]);

  async function join({ communityId }: { communityId: string }) {
    return await fetch('/api/invites/join-button', {
      method: 'post',
      body: JSON.stringify({
        communityId,
      }),
    });
  }

  const startSignUp = async (props: StartSignUpProps) => {
    setFlow(props.flow || 'signup');
    setCommunityId(props.communityId);
    setCallbackUrl(props.redirectUrl || window.location.href);
    const session = await getSession();
    if (session) {
      const res = await join({ communityId: props.communityId });
      if (res.ok) {
        window.location.replace(props.redirectUrl || window.location.href);
        return;
      }
    }
    setOpen(!open);
  };

  const onSuccessfulSignIn = async () => {
    const session = await getSession();
    if (session && communityId) {
      const res = await join({ communityId });
      if (res.ok) {
        window.location.replace(window.location.href);
        return;
      }
    }
    setOpen(false);
  };

  const onCloseModal = () => {
    setOpen(false);
  };

  const mapText = {
    signup: 'Sign up',
    signin: 'Log in',
  };