import React, { useEffect, useState } from 'react';
import ReactDOM from 'react-dom';
import { Button } from '@material-ui/core';
import { LoadingButton } from '@material-ui/lab';
import axios from 'axios';
const Login = () => {
const [phone, setPhone] = useState('');
const [password, setPassword] = useState('');
const [errors, setErrors] = useState({phone:'', password:''})
const [err_msg, setErrMsg] = useState({status:'', msg:''})
const handleSubmit = (e) => {
e.preventDefault();
setErrMsg({status:'', msg:''});
if(!validateForm()) return;
const formdata = new FormData();
formdata.append('tel', phone);
formdata.append('password', password);
// axios.post('/api/children/login/', formdata)
// .then(response => {
// if(response.data.status_code==200){
// window.location.href = '/c-account/meating';
// }
// elseif(response.data.status_code == 400)
// {
// setErrMsg({status:'error', msg:"ログインに失敗しました。
10回連続で失敗すると、一定期間ログインできなくなります。"})
// }
// elseif(response.data.status_code == 422)
// {
// }
// })
// .catch(err=>console.log(err))
}
const validateForm = () => {
let errors = {};
let formIsValid = true;
if(phone.length == 0){ formIsValid = false; errors['phone'] = 'Required'; }
else errors['phone'] = '';
if(password.length == 0){ formIsValid = false; errors['password'] = 'Required'; }
else errors['password'] = '';
setErrors(errors);
return formIsValid;
}
return (