44 lines
1.2 KiB
JavaScript
44 lines
1.2 KiB
JavaScript
// eslint-disable-next-line
|
|
const preact = require('preact');
|
|
|
|
function renderLogin({ submitLogin, submitRegister, submitDemo }) {
|
|
const details = {
|
|
name: '',
|
|
password: '',
|
|
};
|
|
|
|
return (
|
|
<div className="login">
|
|
<input
|
|
className="login-input"
|
|
type="email"
|
|
placeholder="username"
|
|
onChange={e => (details.name = e.target.value)}
|
|
/>
|
|
<input
|
|
className="login-input"
|
|
type="password"
|
|
placeholder="password"
|
|
onChange={e => (details.password = e.target.value)}
|
|
/>
|
|
<button
|
|
className="login-btn"
|
|
onClick={() => submitLogin(details.name, details.password)}>
|
|
Login
|
|
</button>
|
|
<button
|
|
className="login-btn"
|
|
onClick={() => submitRegister(details.name, details.password)}>
|
|
Register
|
|
</button>
|
|
<button
|
|
className="login-btn"
|
|
onClick={() => submitDemo()}>
|
|
demo
|
|
</button>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
module.exports = renderLogin;
|