From 6eaa79493e6fc3817d6fc32384165292ec60864a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Wahlberg?= <andre.wahlberg@outlook.com>
Date: Fri, 4 Dec 2020 11:52:41 +0100
Subject: [PATCH] Add user name to navigation drawer

---
 src/classes/User.js                | 17 +++++++++++++++++
 src/components/NavigationDrawer.js |  3 ++-
 2 files changed, 19 insertions(+), 1 deletion(-)
 create mode 100644 src/classes/User.js

diff --git a/src/classes/User.js b/src/classes/User.js
new file mode 100644
index 0000000..0aef9aa
--- /dev/null
+++ b/src/classes/User.js
@@ -0,0 +1,17 @@
+/*
+    Denna klass är en modell för användare.
+
+    name     : String           (Användarnamn)
+    deviceId : Int              (Enhetens ID)
+    location : Coordinates      (Användarens koordinater)
+*/
+
+class User {
+    constructor(name, deviceId, location) {
+        this.name = name;
+        this.deviceId = deviceId;
+        this.location = location;
+    }
+}
+
+export default User;
\ No newline at end of file
diff --git a/src/components/NavigationDrawer.js b/src/components/NavigationDrawer.js
index 1b963b0..c029b55 100644
--- a/src/components/NavigationDrawer.js
+++ b/src/components/NavigationDrawer.js
@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import './css/NavigationDrawer.css';
 
+import globalData from '../GlobalData.js';
 import DisruptionButton from "./DisruptionButton.js";
 
 import userIcon from '../img/user.svg';
@@ -36,7 +37,7 @@ class NavigationDrawer extends Component {
                 <div id="navDrawer" className={`${this.state.open ? "open" : ""}`}>
                     <header>
                         <img src={userIcon} alt="" />
-                        <span>Mitt konto</span>
+                        <span>{globalData.user.name}</span>
                         <span>example@gmail.com</span>
                     </header>
                     <div id="navList">