diff options
author | Vitaly Takmazov | 2024-02-09 19:10:01 +0300 |
---|---|---|
committer | Vitaly Takmazov | 2024-02-09 19:13:28 +0300 |
commit | 9e01a8d3c3daf3257f29ad63b3836dfa89c6200b (patch) | |
tree | fc785536ffd05a2232da5222f55e9a5268f99f32 /vnext/src/ui/Login.js | |
parent | e2674c3b27174e408264b84f50bf86a13e2d3824 (diff) |
vnext: authorize on backend
Diffstat (limited to 'vnext/src/ui/Login.js')
-rw-r--r-- | vnext/src/ui/Login.js | 88 |
1 files changed, 0 insertions, 88 deletions
diff --git a/vnext/src/ui/Login.js b/vnext/src/ui/Login.js deleted file mode 100644 index ed0e990c..00000000 --- a/vnext/src/ui/Login.js +++ /dev/null @@ -1,88 +0,0 @@ -import { useEffect } from 'react' -import { useLocation, useNavigate } from 'react-router-dom' - -import Icon from './Icon' -import Button from './Button' -import { useForm } from 'react-hook-form' - -import { me, facebookLink, vkLink, appleLink } from '../api' - -import { useVisitor } from './VisitorContext' - -/** - * @typedef {object} LoginProps - * @property {Function} onAuth - */ - -/** - * Login page - * @param {LoginProps} props - */ -function Login({ onAuth }) { - const location = useLocation() - const navigate = useNavigate() - const [visitor] = useVisitor() - useEffect(() => { - if (visitor && visitor.hash) { - const retpath = location.state?.retpath || '/' - console.log(retpath) - navigate(retpath) - } - }, [navigate, location.state, visitor]) - - const { register, handleSubmit } = useForm() - - /** @type { import('react-hook-form').SubmitHandler<import('react-hook-form').FieldValues> } */ - let onSubmit = (values) => { - me(values.username, values.password) - .then(response => { - onAuth(response) - } - ).catch(ex => { - console.log(ex) - }) - } - return ( - <div className="msg-cont"> - <div className="dialoglogin"> - <p>Please, introduce yourself:</p> - <div style={socialButtonsStyle}> - <a href={facebookLink()} style={facebookButtonStyle}> - <Icon name="ei-sc-facebook" size="s" noFill={true} />Log in - </a> - <a href={vkLink()} style={vkButtonStyle}> - <Icon name="ei-sc-vk" size="s" noFill={true} /> - Log in - </a> - <a href={appleLink()}><img src="https://appleid.cdn-apple.com/appleid/button" /></a> - </div> - <p>Already registered?</p> - <form onSubmit={handleSubmit(onSubmit)}> - <input placeholder="Username..." {...register('username')} /><br /> - <input placeholder="Password..." type="password" {...register('password')} /><br /> - <Button onClick={handleSubmit(onSubmit)}>OK</Button> - </form> - </div> - </div> - ) -} - -export default Login - -const socialButtonsStyle = { - display: 'flex', - justifyContent: 'space-evenly', - padding: '4px' -} - -const facebookButtonStyle = { - color: '#fff', - padding: '2px 14px', - background: '#3b5998' -} - -const vkButtonStyle = { - color: '#fff', - padding: '2px 14px', - background: '#4c75a3' -} |