You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
spa_instat_tv/src/features/AuthServiceApp/components/RegisterPopup/index.tsx

63 lines
1.4 KiB

import { T9n } from 'features/T9n'
import {
Modal,
Wrapper,
Header,
HeaderTitle,
Body,
Footer,
ApplyButton,
// SendConfirmationButton,
Text,
} from './styled'
type Props = {
email: string,
handleModalClose: () => void,
isModalOpen: boolean,
}
export const RegisterPopup = (props: Props) => {
const {
email,
handleModalClose,
isModalOpen,
} = props
// const handleNewConfirmation = () => {
// // TODO дописать логику для отправки доп. письма, может понадобится, когда допишут бэк
// // console.log('send new confirmation')
// }
return (
<Modal isOpen={isModalOpen} withCloseButton={false}>
<Wrapper>
<Header>
<HeaderTitle>
<T9n t='confirm_email' />
</HeaderTitle>
</Header>
<Body>
<Text>
<T9n t='to_email' />&nbsp;
{email}&nbsp;
<T9n t='send_confirm' />&nbsp;
</Text>
<Text>
<T9n t='confirm_2_hours' />
</Text>
<Text>
<T9n t='check_email' />
</Text>
</Body>
<Footer>
<ApplyButton onClick={() => handleModalClose()}>Ok</ApplyButton>
{/* <SendConfirmationButton onClick={handleNewConfirmation}>
<T9n t='send_new_email' />
</SendConfirmationButton> */}
</Footer>
</Wrapper>
</Modal>
)
}