diff --git a/src/components/Modals/authModalContent/EnterContent.tsx b/src/components/Modals/authModalContent/EnterContent.tsx index b884c8d..f414bfa 100644 --- a/src/components/Modals/authModalContent/EnterContent.tsx +++ b/src/components/Modals/authModalContent/EnterContent.tsx @@ -58,7 +58,7 @@ export const EnterContent: FC = ({ }); }; - const onSocialClick = (type: Social) => { + const onSocialEnter = (type: Social) => { const url = SocialConfig[type].oauthUrl; if (!url) return; @@ -95,10 +95,10 @@ export const EnterContent: FC = ({ // } // } // - // // если все успешно, закрываем окно oauth + // // если все успешно, закрываем окно // handleCancel(); }) - } + }; return ( <> @@ -156,19 +156,19 @@ export const EnterContent: FC = ({ or } - onClick={() => onSocialClick(Social.FACEBOOK)} + onClick={() => onSocialEnter(Social.FACEBOOK)} > Facebook account } - onClick={() => onSocialClick(Social.APPLE)} + onClick={() => onSocialEnter(Social.APPLE)} > Apple account } - onClick={() => onSocialClick(Social.GOOGLE)} + onClick={() => onSocialEnter(Social.GOOGLE)} > Google account diff --git a/src/components/Modals/authModalContent/RegisterContent.tsx b/src/components/Modals/authModalContent/RegisterContent.tsx index fafee2e..dbd8ed0 100644 --- a/src/components/Modals/authModalContent/RegisterContent.tsx +++ b/src/components/Modals/authModalContent/RegisterContent.tsx @@ -1,8 +1,12 @@ import React, { FC, useState } from 'react'; import { Form, FormInstance, notification } from 'antd'; +import Image from 'next/image'; +import { Social } from '../../../types/social'; import { AUTH_USER } from '../../../constants/common'; +import { SocialConfig } from '../../../constants/social'; import { getRegister } from '../../../actions/auth'; import { setPersonData } from '../../../actions/profile'; +import { useOauthWindow } from '../../../hooks/useOauthWindow'; import { CustomInput } from '../../view/CustomInput'; import { CustomInputPassword } from '../../view/CustomInputPassword'; import { FilledButton } from '../../view/FilledButton'; @@ -24,6 +28,7 @@ export const RegisterContent: FC = ({ handleCancel }) => { const [isLoading, setIsLoading] = useState(false); + const { openOauthWindow } = useOauthWindow(); const onRegister = () => { form.validateFields().then(() => { @@ -58,6 +63,48 @@ export const RegisterContent: FC = ({ }); }; + const onSocialRegister = (type: Social) => { + const url = SocialConfig[type].oauthUrl; + + if (!url) return; + + openOauthWindow(url, type, async (event: MessageEvent) => { + const { data: socialData } = event + + // примерная схема последующей обработки + + // const socialErrors: string[] = []; + // try { + // // отправляем запрос на бэк с данными из соц сети + // const { data: { jwtToken } } = await query(socialData); + // // обновляем токен + // updateToken(jwtToken); + // // получаем данные о пользователе + // await getAuthUser() + // } catch (error: any) { + // if (error.httpStatus === 449) { + // // ошибка, когда отсутствует e-mail + // + // // какие-то дальнейшие действия после получения ошибки, например, закрываем окно и открываем модалку регистрации + // handleCancel(); + // openSocialEmailRequestModal(socialData); + // } else if (error.httpStatus === 409) { + // // ошибка, когда по переданному email уже существует аккаунт + // + // // какие-то дальнейшие действия после получения ошибки, например, закрываем окно и открываем модалку с вводом пароля + // handleCancel(); + // openSocialPasswordModal(socialData); + // } else { + // // в остальных случаях записываем ошибку в массив ошибок + // socialErrors.push(error.toString()); + // } + // } + // + // // если все успешно, закрываем окно + // handleCancel(); + }) + }; + return ( <>
@@ -128,6 +175,25 @@ export const RegisterContent: FC = ({ Register updateMode('enter')}>Enter + or + } + onClick={() => onSocialRegister(Social.FACEBOOK)} + > + Facebook account + + } + onClick={() => onSocialRegister(Social.APPLE)} + > + Apple account + + } + onClick={() => onSocialRegister(Social.GOOGLE)} + > + Google account + ); };