import React, { useState } from 'react'; import '../App.css' import { Form, Button, Row, Col, Card, Alert } from 'react-bootstrap'; import { LoginWithKakao } from '../utils/Oauth'; function LoginComp() { const cardstyled = { margin: 'auto', padding: '1em', display: 'flex', justifyContent: 'center', width: '100%', borderWidth: '3px', borderRadius: '20px', borderColor: 'rgb(110, 189, 142)', color: '#04AB70' } const inboxstyled = { display: 'flex', flexDirection: 'column', maxWidth: '80%', justifyContent: 'center', margin: 'auto', padding: '10px' } const [emailSent, setEmailSent] = useState(false) const [alertShow, setAlertShow] = useState(true) function CheckEmailSend() { setEmailSent(!emailSent) } function addressUrl() { localStorage.setItem('Email-Address', emailAddress) const afterAt = localStorage.getItem('Email-Address').split('@')[1] console.log(afterAt) const newLink = 'https://www.' + afterAt; window.open(newLink); } const [emailAddress, setEmailAddress] = useState('') function handleChange(event) { setEmailAddress(event.target.value) console.log(emailAddress) } return ( LOGIN Log in with your social media account or email address
{!emailSent ? 😍 이메일 전송이 완료 되었습니다. 이메일 확인 하러가기 ➞ : 😭 이메일을 정확하게 적어주세요. 회원가입 하러가기 ➞ }

OR
{/* 세미콜론이 붙으면 최상단 이동 x */} KAKAO
) } export default LoginComp;