Basic functionalities almost working, some little bugs

.env

-REACT_APP_URL = "http://localhost:5000"
+REACT_APP_URL = "http://172.20.2.110:5000"
\ No newline at end of file

App.js

 import React, { Component } from "react";
-import { StyleSheet, Text, View, Button } from "react-native";
+import { StyleSheet, Text, View, Button, AsyncStorage } from "react-native";
 
 import FetchLocation from "./components/FetchLocation";
 import Login from "./components/Login";

components/Login.js

@@ -80,9 +80,9 @@ class Login extends Component {
             />
           )}
           {this.state.username && (
-            <button
+            <Button
               id="logoutButton"
-              onPress={this.handleLogout}
+              onPress={this.handleLogout.bind(this)}
               title="Logout"
             />
           )}
@@ -90,15 +90,15 @@ class Login extends Component {
         {this.state.form === "register" && (
           <RegisterForm
             view=""
-            handleState={this.handleState}
-            toggleView={this.toggleView}
+            handleState={this.handleState.bind(this)}
+            toggleView={this.toggleView.bind(this)}
           />
         )}
         {this.state.form === "login" && (
           <LoginForm
             view=""
-            handleState={this.handleState}
-            toggleView={this.toggleView}
+            handleState={this.handleState.bind(this)}
+            toggleView={this.toggleView.bind(this)}
           />
         )}
       </View>

components/LoginForm.js

@@ -34,7 +34,7 @@ export class LoginForm extends React.Component {
     e.preventDefault();
 
     // Send login info to the server
-    fetch(`${process.env.REACT_APP_URL}/user/login`, {
+    fetch(`http://172.20.2.110:5000/user/login`, {
       method: "POST",
       headers: {
         Accept: "application/json",

components/RegisterForm.js

@@ -9,8 +9,11 @@ export class RegisterForm extends React.Component {
       errorMsg: "",
       username: "",
       password: "",
-      password2: ""
+      password2: "",
+      registered: false
     };
+
+    //this.handleRegister = this.handleRegister.bind(this);
   }
 
   // shows error messages associated with registering
@@ -32,13 +35,14 @@ export class RegisterForm extends React.Component {
   handleRegister = e => {
     const name = this.state.username;
     const password = this.state.password;
-    e.preventDefault();
-
+    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 {
       // Send register info to the server
-      fetch("http://localhost:5000/user/register", {
+      fetch(`http://172.20.2.110:5000/user/register`, {
         method: "POST",
         headers: {
           Accept: "application/json",
@@ -56,7 +60,7 @@ export class RegisterForm extends React.Component {
               this.props.handleState(result);
               this.handleView();
             } else {
-              this.handleError(result.errorResponse.message);
+              this.handleError(result.message);
             }
           },
           // Note: it's important to handle errors here
@@ -73,6 +77,7 @@ 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>
@@ -100,7 +105,7 @@ export class RegisterForm extends React.Component {
             onChangeText={password2 => this.setState({ password2 })}
             required
           />
-          <Button type="submit" title="Submit" onPress={this.handleRegister} />
+          <Button title="Submit" onPress={this.handleRegister} />
           <Text>{this.state.errorMsg}</Text>
         </View>
       </View>