Continue working on getting the factions and joining into them

components/GameList.js

@@ -42,40 +42,53 @@ class GameList extends Component {
         console.log(error);
       });
   }
+  // Get all the factions from the server
   getFactions() {
-    fetch(`https://tacs-testing.cf:8443/game/${this.state.selectedGame.id}`),
-      {
-        method: "GET",
-        headers: {
-          Accept: "application/json",
-          "Content-Type": "application/json"
-        }
+    fetch(`https://tacs-testing.cf:8443/game/${this.state.selectedGame.id}`, {
+      method: "GET",
+      headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json"
       }
-        .then(response => response.json())
-        .then(factions => {
-          console.log(factions);
-          // this.setState({
-          //   factions,
-          //   selectedFaction: factions[0]
-          // });
-        })
-        .catch(error => {
-          console.log(error);
+    })
+      .then(response => response.json())
+      .then(factions => {
+        console.log(factions);
+        this.setState({
+          factions: factions.factions,
+          selectedFaction: factions[0]
         });
+      })
+      .catch(error => {
+        console.log(error);
+      });
   }
   joinFaction() {}
-  // Toggles the tracking boolean
+  // Toggles the tracking boolean (some thought mistake somewhere makes this kinda weird ¯\_(ツ)_/¯ )
   handleTrackingChange() {
     this.setState({ tracking: !this.state.tracking });
+    if (!this.state.tracking) {
+      this.startTracking();
+    } else if (this.state.tracking) {
+      this.stopTracking();
+    }
   }
 
   // Start the player tracking with the wanted interval (ms)
   startTracking() {
-    let interval = 3000;
+    this.getCurrentLocation();
+    let interval = 10000;
     this.intervalID = setInterval(() => {
       console.log(
         "Nyt träkätää nim birusti peliä: " + this.state.selectedGame.name
       );
+
+      console.log(
+        "Pelaajan latitude: " +
+          this.state.userLocation.latitude +
+          "Pelaajan longitude: " +
+          this.state.userLocation.longitude
+      );
       fetch(
         `https:/tacs-testing.cf:8443/tracking/location/${
           this.state.selectedGame.id
@@ -110,11 +123,11 @@ class GameList extends Component {
 
   // Start & stop tracking depending on the boolean 'tracking' in state
   componentDidUpdate() {
-    if (this.state.tracking) {
-      this.startTracking();
-    } else if (!this.state.tracking) {
-      this.stopTracking();
-    }
+    // if (this.state.tracking) {
+    //   this.startTracking();
+    // } else if (!this.state.tracking) {
+    //   this.stopTracking();
+    // }
   }
   // When you select a game with the picker, clears the tracking interval and gets the factions of the game
   selectGame = (selectedGame, itemIndex) => {
@@ -137,6 +150,7 @@ class GameList extends Component {
     };
     navigator.geolocation.getCurrentPosition(
       position => {
+        console.log("Position : " + position);
         this.setState({
           userLocation: {
             latitude: position.coords.latitude,