Break into files

src/components/login.js

@@ -0,0 +1,20 @@
+import React, { useState } from "react";
+import PropTypes from "prop-types";
+
+export default (player) => {
+	function Login(props) {
+		const [input, setInput] = useState("");
+		return (
+			<div className="login">
+				<input type="text" placeholder="Token ID" value={input}
+					onChange={evt => setInput(evt.target.value)} />
+				<button onClick={() => player.auth(input).then(x => props.setLoggedIn(x))}>Submit</button>
+			</div>
+		);
+	}
+
+	Login.propTypes = {
+		setLoggedIn: PropTypes.func,
+	};
+	return Login;
+};

src/components/mainapp.js

@@ -0,0 +1,7 @@
+import React from "react";
+export default () => function MainApp() {
+	return (
+		<div className="main">
+		</div>
+	);
+};