|
|
@ -23,11 +23,9 @@ import { useEffect, useState } from 'react'; |
|
|
|
import { ErrorModal } from '../../modal/ErrorModal'; |
|
|
|
import { ErrorModal } from '../../modal/ErrorModal'; |
|
|
|
import * as Actions from '../../../modules/account/login/actions/authAction'; |
|
|
|
import * as Actions from '../../../modules/account/login/actions/authAction'; |
|
|
|
import { useDispatch, useSelector } from 'react-redux'; |
|
|
|
import { useDispatch, useSelector } from 'react-redux'; |
|
|
|
import { useSkin } from '../../../utility/hooks/useSkin'; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export const AccountLogin = ({ props }) => { |
|
|
|
export const AccountLogin = ({ props }) => { |
|
|
|
const dispatch = useDispatch(); |
|
|
|
const dispatch = useDispatch(); |
|
|
|
const [, setSkin] = useSkin(); |
|
|
|
|
|
|
|
const { isLogin, message } = useSelector(state => state.authState); |
|
|
|
const { isLogin, message } = useSelector(state => state.authState); |
|
|
|
|
|
|
|
|
|
|
|
const [loginForm, setLoginForm] = useState({ |
|
|
|
const [loginForm, setLoginForm] = useState({ |
|
|
@ -87,8 +85,6 @@ export const AccountLogin = ({ props }) => { |
|
|
|
}, [message]); |
|
|
|
}, [message]); |
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
useEffect(() => { |
|
|
|
setSkin('light'); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (isLogin) { |
|
|
|
if (isLogin) { |
|
|
|
props.history.push('/'); |
|
|
|
props.history.push('/'); |
|
|
|
|
|
|
|
|
|
|
@ -99,7 +95,9 @@ export const AccountLogin = ({ props }) => { |
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<> |
|
|
|
<> |
|
|
|
<div className='login'> |
|
|
|
<div className='login'> |
|
|
|
<div className='login-logo'><img src={kacLogo} /></div> |
|
|
|
<div className='login-logo'> |
|
|
|
|
|
|
|
<img src={kacLogo} /> |
|
|
|
|
|
|
|
</div> |
|
|
|
{/* <div className='login-img'> |
|
|
|
{/* <div className='login-img'> |
|
|
|
<img src={loginImg} /> |
|
|
|
<img src={loginImg} /> |
|
|
|
</div> */} |
|
|
|
</div> */} |
|
|
|