|
@@ -1,23 +1,43 @@
|
|
|
-import logo from './logo.svg';
|
|
|
import './App.css';
|
|
|
|
|
|
+const LoginForm = () =>
|
|
|
+ <>
|
|
|
+ <h1>Web-player</h1>
|
|
|
+ <div>
|
|
|
+ <h2>Log-in</h2>
|
|
|
+ <input type="text" placeholder='Login'/>
|
|
|
+ <br />
|
|
|
+ <input type="password" placeholder='Password'/>
|
|
|
+ <br />
|
|
|
+ <button>Login</button>
|
|
|
+ <p>- OR -</p>
|
|
|
+ <a href='#'>Register new user</a>
|
|
|
+ </div>
|
|
|
+ </>
|
|
|
+
|
|
|
+const RegisterForm = () =>
|
|
|
+ <>
|
|
|
+ <h1>Web-player</h1>
|
|
|
+ <div>
|
|
|
+ <h2>Registration</h2>
|
|
|
+ <input type="text" placeholder='Login'/>
|
|
|
+ <br />
|
|
|
+ <input type="text" placeholder='Nickname'/>
|
|
|
+ <br />
|
|
|
+ <input type="password" placeholder='Password'/>
|
|
|
+ <br />
|
|
|
+ <button>Register</button>
|
|
|
+ <br />
|
|
|
+ <a href='#'>Back to log-in</a>
|
|
|
+ </div>
|
|
|
+ </>
|
|
|
+
|
|
|
+
|
|
|
function App() {
|
|
|
return (
|
|
|
<div className="App">
|
|
|
- <header className="App-header">
|
|
|
- <img src={logo} className="App-logo" alt="logo" />
|
|
|
- <p>
|
|
|
- Edit <code>src/App.js</code> and save to reload.
|
|
|
- </p>
|
|
|
- <a
|
|
|
- className="App-link"
|
|
|
- href="https://reactjs.org"
|
|
|
- target="_blank"
|
|
|
- rel="noopener noreferrer"
|
|
|
- >
|
|
|
- Learn React
|
|
|
- </a>
|
|
|
- </header>
|
|
|
+ <LoginForm />
|
|
|
+ <RegisterForm />
|
|
|
</div>
|
|
|
);
|
|
|
}
|