aboutsummaryrefslogtreecommitdiff
path: root/vnext/src/ui/Login.js
diff options
context:
space:
mode:
Diffstat (limited to 'vnext/src/ui/Login.js')
-rw-r--r--vnext/src/ui/Login.js88
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'
-}