2020-01-16 02:13:42 +00:00
|
|
|
import React, { useState } from 'react';
|
|
|
|
import './Login.scss';
|
|
|
|
|
2020-01-16 23:21:23 +00:00
|
|
|
const Login = (props) => {
|
2020-01-16 02:13:42 +00:00
|
|
|
const [username, setUsername] = useState('');
|
|
|
|
const [password, setPassword] = useState('');
|
|
|
|
|
|
|
|
return (
|
|
|
|
<div className="Login" data-testid="Login">
|
2020-01-16 23:21:23 +00:00
|
|
|
<form data-testid="Login__form">
|
2020-01-16 02:13:42 +00:00
|
|
|
|
2020-01-16 23:21:23 +00:00
|
|
|
<label htmlFor="username-input">Username:</label>
|
|
|
|
<input
|
|
|
|
name="username"
|
|
|
|
id="username-input"
|
|
|
|
type="text"
|
|
|
|
onChange={e => setUsername(e.target.value)}
|
|
|
|
default="username"
|
|
|
|
/>
|
|
|
|
|
|
|
|
<label htmlFor="password-input">Password:</label>
|
|
|
|
<input
|
|
|
|
name="password"
|
|
|
|
id="password-input"
|
|
|
|
type="text"
|
|
|
|
onChange={e => setPassword(e.target.value)}
|
|
|
|
default=""
|
|
|
|
/>
|
|
|
|
|
|
|
|
<input type="submit" value="Login!" />
|
|
|
|
|
|
|
|
</form>
|
2020-01-16 02:13:42 +00:00
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
2020-01-16 23:21:23 +00:00
|
|
|
|
2020-01-16 02:13:42 +00:00
|
|
|
export default Login;
|