Continue working on login functionalities, added game listing

components/GameList.js

+import React, { Component, Fragment } from "react";
+import { FlatList, Button } from "react-native";
+
+class GameList extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      games: [],
+      selectedGame: null,
+      editForm: false
+    };
+  }
+
+  componentDidMount() {
+    this.getGames();
+  }
+
+  getGames() {
+    fetch("http://172.20.2.110:5000/game/listgames")
+      .then(response => response.json())
+      .then(games => {
+        this.setState({
+          games
+        });
+      })
+      .catch(error => {
+        console.log(error);
+      });
+  }
+
+  render() {
+    return (
+      <Fragment>
+        {this.state.games.length > 0 && (
+          <FlatList
+            data={this.state.games}
+            renderItem={({ item }) => <Button title={item.name} />}
+          />
+        )}
+      </Fragment>
+    );
+  }
+}
+export default GameList;

components/Login.js

-import React, { Component } from "react";
-import { StyleSheet, Text, View, Button, AsyncStorage } from "react-native";
+import React, { Component, Fragment } from "react";
+import { View, Button, AsyncStorage } from "react-native";
 
 import LoginForm from "./LoginForm";
 import RegisterForm from "./RegisterForm";
+import GameList from "./GameList";
 
 class Login extends Component {
   state = {
@@ -35,7 +36,7 @@ class Login extends Component {
   componentDidMount() {
     let token = this.loadToken();
     if (token) {
-      fetch(`${process.env.REACT_APP_URL}/user/verify`, {
+      fetch(`http://172.20.2.110:5000/user/verify`, {
         headers: {
           Authorization: "Bearer " + token
         }
@@ -80,11 +81,14 @@ class Login extends Component {
             />
           )}
           {this.state.username && (
-            <Button
-              id="logoutButton"
-              onPress={this.handleLogout.bind(this)}
-              title="Logout"
-            />
+            <Fragment>
+              <Button
+                id="logoutButton"
+                onPress={this.handleLogout.bind(this)}
+                title="Logout"
+              />
+              <GameList />
+            </Fragment>
           )}
         </View>
         {this.state.form === "register" && (

components/LoginForm.js

@@ -21,13 +21,6 @@ export class LoginForm extends React.Component {
     this.props.toggleView(this.props.view);
   };
 
-  // remove login view with ESC
-  handleEsc = e => {
-    if (e.keyCode === 27) {
-      this.handleView();
-    }
-  };
-
   handleLogin = e => {
     const name = this.state.username;
     const password = this.state.password;

components/RegisterForm.js

@@ -35,9 +35,6 @@ export class RegisterForm extends React.Component {
   handleRegister = e => {
     const name = this.state.username;
     const password = this.state.password;
-    console.log("PÄÄSTII TÄNNE");
-    this.setState({ registered: true });
-    console.log("Registered: " + this.state.registered);
     if (this.state.password !== this.state.password2) {
       this.handleError("Passwords do not match");
     } else {
@@ -77,7 +74,6 @@ export class RegisterForm extends React.Component {
     return (
       <View className="fade-main">
         <View className="sticky">
-          {this.state.registered && <Text>REKISTERÖIDÄÄN</Text>}
           <Text className="close" onPress={this.handleView}>
             ×
           </Text>