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 { <>
- + - + );