diff --git a/src/components/NavigationDrawer.js b/src/components/NavigationDrawer.js
index 46c4d48..84b242b 100644
--- a/src/components/NavigationDrawer.js
+++ b/src/components/NavigationDrawer.js
@@ -67,10 +67,10 @@ class NavigationDrawer extends Component {
example@gmail.com
-
-
-
-
+
+
+
+
diff --git a/src/components/SelectUserButton.js b/src/components/SelectUserButton.js
index b02bbad..ab3a1f3 100644
--- a/src/components/SelectUserButton.js
+++ b/src/components/SelectUserButton.js
@@ -50,7 +50,7 @@ class SelectUserButton extends Button {
return (
);
}
diff --git a/src/components/StopTitle.js b/src/components/StopTitle.js
index bd92f33..872fa7b 100644
--- a/src/components/StopTitle.js
+++ b/src/components/StopTitle.js
@@ -4,24 +4,28 @@ import './css/StopTitle.css';
class StopTitle extends Component {
render() {
+ console.log(this.props.stop);
+
return (
{this.props.stop.name !== undefined ?
- this.props.stop.name
- : "Hållplats saknas"
- }
-
- {this.props.stop.locations !== undefined ?
- <>
-
- {this.props.stop.locations[0]}
-
-
- >
- :
- Vänligen aktivera platsåtkomst
- }
-
+ this.props.stop.name
+ : "Hållplats saknas"
+ }
+
+ {this.props.stop.name !== undefined && this.props.stop.locations !== undefined ?
+
+
+ {this.props.stop.locations[0]}
+
+
+
+ :
+ (this.props.stop.name !== undefined ?
+ <>>
+ :
Vänligen aktivera platsåtkomst
+ )
+ }
);
}
diff --git a/src/components/css/StopTitle.css b/src/components/css/StopTitle.css
index c1af67e..b45c74b 100644
--- a/src/components/css/StopTitle.css
+++ b/src/components/css/StopTitle.css
@@ -8,6 +8,7 @@
justify-content: space-evenly;
padding: 0 5vw;
z-index: 4;
+ max-width: 80vw;
}
#stopTitle h1, #stopTitle h3 {
diff --git a/src/components/pages/TrafficInfo.js b/src/components/pages/TrafficInfo.js
index 5976f55..c59c0a3 100644
--- a/src/components/pages/TrafficInfo.js
+++ b/src/components/pages/TrafficInfo.js
@@ -10,10 +10,6 @@ import globalData from '../../GlobalData.js';
class TrafficInfo extends Component {
- state = {
- stop: globalData.stop
- };
-
render() {
globalData.currentPage = this;
@@ -21,10 +17,10 @@ class TrafficInfo extends Component {
<>
-
+
-
+
>
);