diff --git a/src/components/login.js b/src/components/login.js
index d8502a7..4a5cd1d 100644
--- a/src/components/login.js
+++ b/src/components/login.js
@@ -3,7 +3,7 @@ import PropTypes from "prop-types";
 
 export default (player) => {
 	function Login(props) {
-		const [input, setInput] = useState(localStorage.getItem("token"));
+		const [input, setInput] = useState(localStorage.getItem("token") ? localStorage.getItem("token"): "" );
 		return (
 			<div className="login">
 				<input type="text" placeholder="Token ID" value={input}
diff --git a/src/components/mainapp.js b/src/components/mainapp.js
index 30abbd5..37631f1 100644
--- a/src/components/mainapp.js
+++ b/src/components/mainapp.js
@@ -1,7 +1,23 @@
 import React from "react";
-export default () => function MainApp() {
-	return (
-		<div className="main">
-		</div>
-	);
+import PropTypes from "prop-types";
+
+export default () => {
+	function MainApp(props) {
+		return (
+			<div className="main">
+				<header>
+					<p>Questable</p>
+					<button
+						onClick={() => {
+							props.setLoggedIn(false);
+							localStorage.removeItem("token");
+						}}>Logout</button>
+				</header>
+			</div>
+		);
+	}
+	MainApp.propTypes = {
+		setLoggedIn: PropTypes.func,
+	};
+	return MainApp;
 };
diff --git a/src/index.js b/src/index.js
index c32e453..5f7fc62 100644
--- a/src/index.js
+++ b/src/index.js
@@ -14,7 +14,7 @@ const MainApp = mainapp();
 
 function App(){
 	const [loggedIn, setLoggedIn] = useState(false);
-	return loggedIn ? <MainApp /> : <Login setLoggedIn={setLoggedIn} />;
+	return loggedIn ? <MainApp setLoggedIn={setLoggedIn} /> : <Login setLoggedIn={setLoggedIn} />;
 }
 
 ReactDOM.render(<App />, document.getElementById("root"));