From 8e21856eb2a8bbd2e85464cdd7c11a6856cba616 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Wahlberg?= <andre.wahlberg@outlook.com>
Date: Thu, 10 Dec 2020 10:43:43 +0100
Subject: [PATCH] Update page when changing user

---
 src/components/SelectUserButton.js  |  9 +++++++--
 src/components/pages/Tickets.js     |  3 +++
 src/components/pages/TicketsBuy.js  |  4 ++++
 src/components/pages/TrafficInfo.js | 10 ++++++++--
 src/components/pages/Travel.js      |  4 ++++
 5 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/src/components/SelectUserButton.js b/src/components/SelectUserButton.js
index 213c03c..cb7e740 100644
--- a/src/components/SelectUserButton.js
+++ b/src/components/SelectUserButton.js
@@ -8,6 +8,7 @@ import user4 from '../APIexamples/user4.json'
 
 import Button from './Button.js';
 import disruptIcon from '../img/flash.svg';
+import globalData from '../GlobalData.js';
 
 class SelectUserButton extends Button {
 	selectUser = () => {
@@ -20,11 +21,15 @@ class SelectUserButton extends Button {
         }else if (this.props.path === "user4"){
             globData.user = user4
         }
-	}
+    }
+    
+    updatePage = () => {
+        globalData.currentPage.render();
+    }
 
 	render() {
 		return (
-			<Button onClick={[this.selectUser]} className="disruptBtn">
+			<Button onClick={[this.selectUser, this.updatePage]} className="disruptBtn">
 				<img src={disruptIcon} alt="" />
 				<span>{this.props.username}</span>
 			</Button>
diff --git a/src/components/pages/Tickets.js b/src/components/pages/Tickets.js
index 7858493..d1fe324 100644
--- a/src/components/pages/Tickets.js
+++ b/src/components/pages/Tickets.js
@@ -2,9 +2,12 @@ import React, { Component } from 'react';
 
 import Header from '../Header.js';
 import MainArea from '../MainArea.js';
+import globalData from '../../GlobalData.js';
 
 class Tickets extends Component {
     render() {
+        globalData.currentPage = this;
+
         return (
             <>
                 <Header title="Biljetter" />
diff --git a/src/components/pages/TicketsBuy.js b/src/components/pages/TicketsBuy.js
index dc6cf1e..077d1c0 100644
--- a/src/components/pages/TicketsBuy.js
+++ b/src/components/pages/TicketsBuy.js
@@ -9,8 +9,12 @@ import clockIcon from '../../img/clock.svg';
 import calendarIcon from '../../img/calendar.svg';
 import recurringIcon from '../../img/redo.svg';
 
+import globalData from '../../GlobalData.js';
+
 class TicketsBuy extends Component {
     render() {
+        globalData.currentPage = this;
+
         return ( 
             <>
                 <Header title="Köp biljett" />
diff --git a/src/components/pages/TrafficInfo.js b/src/components/pages/TrafficInfo.js
index 1ef2b96..5976f55 100644
--- a/src/components/pages/TrafficInfo.js
+++ b/src/components/pages/TrafficInfo.js
@@ -10,15 +10,21 @@ import globalData from '../../GlobalData.js';
 
 
 class TrafficInfo extends Component {
+    state = {
+        stop: globalData.stop
+    };
+    
     render() {
+        globalData.currentPage = this;
+
         return (
             <>
                 <Header title="Trafikinfo" />
                 <TopMenu>
-                    <StopTitle stop={globalData.stop} />
+                    <StopTitle stop={this.state.stop} />
                 </TopMenu>
                 <MainArea>
-                    <TrafficList departures={globalData.stop.departures} />
+                    <TrafficList departures={this.state.stop.departures} />
                 </MainArea>
             </>
         );
diff --git a/src/components/pages/Travel.js b/src/components/pages/Travel.js
index cf21f18..5f582f6 100644
--- a/src/components/pages/Travel.js
+++ b/src/components/pages/Travel.js
@@ -7,8 +7,12 @@ import TripSelector from '../TripSelector.js';
 
 import '../css/TripSelector.css';
 
+import globalData from '../../GlobalData.js';
+
 class Travel extends Component {
     render() {
+        globalData.currentPage = this;
+
         return (
             <>
                 <Header title="Reseplanering" />