import * as action from '../../actions'
import { useEffect, useState } from 'react';
import { connect } from 'react-redux';
import { Link } from 'react-router-dom';
import { history } from '../../App';
const RegisterForm = ({ onRegister, regData }) => {
let [login, setLogin] = useState()
let [password, setPassword] = useState()
let [password2, setPassword2] = useState()
let [data, setData] = useState()
let [isReg, setIsReg] = useState(false)
useEffect(() => {
setData(regData)
}, [regData, data])
return (
<>
Web-player
Registration
setLogin(e.target.value)} />
setPassword(e.target.value)} />
setPassword2(e.target.value)}
/>
{password2 && password2 !== password ? 'Passwords do not match' : ''}
{data?.payload && isReg? User {data.payload.login} successfully registered! :
}
Back to log-in page
>
)
}
export const RegisterFormConnect = connect(state => ({regData: state.promise.registration || {}}), { onRegister: action.actionRegister })(RegisterForm)
const LoginForm = ({ loged, onLogin }) => {
let [login, setLogin] = useState()
let [password, setPassword] = useState()
let [log, setLog] = useState()
useEffect(() => {
setLog(loged)
if (log?.payload && localStorage.authToken) history.push('/player')
}, [loged, log])
return (
<>
Web-player
>
)
}
export const LoginFormConnect = connect(state => ({ loged: state.promise.login || {} }), { onLogin: action.actionFullLogin })(LoginForm)