e2m/dispatch
4
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Show warning when disconnected

Browse source
This commit is contained in:
Ken-Håvard Lieng 2017-05-29 06:16:24 +02:00
parent 2d32df3afe
commit d9e3d71a1f
7 changed files with 88 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

29
client/src/js/components/App.js
View file

@ -14,14 +14,29 @@ export default class App extends Component {
};
render() {
const mainClass = this.props.showTabList ? 'main-container off-canvas' : 'main-container';
const { connected, tab, channels, servers,
privateChats, showTabList, select, push } = this.props;
const mainClass = showTabList ? 'main-container off-canvas' : 'main-container';
return (
<div onClick={this.handleClick}>
<TabList {...this.props} />
<div className={mainClass}>
<Route name="chat"><Chat /></Route>
<Route name="connect"><Connect /></Route>
<Route name="settings"><Settings /></Route>
<div className="wrap">
{!connected &&
<div className="app-info">Connection lost, attempting to reconnect...</div>
}
<div className="app-container" onClick={this.handleClick}>
<TabList
tab={tab}
channels={channels}
servers={servers}
privateChats={privateChats}
showTabList={showTabList}
select={select}
push={push}
/>
<div className={mainClass}>
<Route name="chat"><Chat /></Route>
<Route name="connect"><Connect /></Route>
<Route name="settings"><Settings /></Route>
</div>
</div>
</div>
);