import PropTypes from 'prop-types'; import React, { useEffect } from 'react'; import { useIntl } from 'react-intl'; import { useDispatch } from 'react-redux'; import { Link } from 'react-router-dom'; import { openModal } from 'soapbox/actions/modals'; import LandingGradient from 'soapbox/components/landing-gradient'; import SiteLogo from 'soapbox/components/site-logo'; import { useAppSelector, useOwnAccount } from 'soapbox/hooks'; import { logOut } from '../../actions/auth'; import { Button, Stack, Text } from '../../components/ui'; const WaitlistPage = ({ account }) => { const dispatch = useDispatch(); const intl = useIntl(); const title = useAppSelector((state) => state.instance.title); const me = useOwnAccount(); const isSmsVerified = me.getIn(['source', 'sms_verified']); const onClickLogOut = (event) => { event.preventDefault(); dispatch(logOut(intl)); }; const openVerifySmsModal = () => dispatch(openModal('VERIFY_SMS')); useEffect(() => { if (!isSmsVerified) { openVerifySmsModal(); } }, []); return (
Waitlisted Welcome back to {title}! You were previously placed on our waitlist. Please verify your phone number to receive immediate access to your account!
); }; WaitlistPage.propTypes = { account: PropTypes.object, }; export default WaitlistPage;