import { useEffect } from 'react' import { useRouter } from 'next/router' import { api } from '../../tools/api' import { Authentication, isTokens } from '../../tools/authentication' import { SocialMediaButton, SocialMedia } from '../design/SocialMediaButton' import { providers } from '../../models/OAuth' export const AuthenticationSocialMedia: React.FC = () => { const router = useRouter() const handleAuthentication = ( socialMedia: SocialMedia ): (() => Promise) => { return async () => { const redirect = window.location.href.replace(location.search, '') const { data: url } = await api.get( `/users/oauth2/${socialMedia.toLowerCase()}/signin?redirectURI=${redirect}` ) window.location.href = url } } useEffect(() => { const data = router.query if (isTokens(data)) { const authentication = new Authentication(data, true) authentication.signin() router.push('/application').catch(() => {}) } }, [router]) return (
{providers.map((provider, index) => { return ( ) })}
) }