diff options
Diffstat (limited to 'app/components/Connect.js')
| -rw-r--r-- | app/components/Connect.js | 52 |
1 files changed, 26 insertions, 26 deletions
diff --git a/app/components/Connect.js b/app/components/Connect.js index 6ffb516ec6..7ad0d4cc8b 100644 --- a/app/components/Connect.js +++ b/app/components/Connect.js @@ -22,21 +22,21 @@ type DisplayLocation = { city: ?string; }; -export default class Connect extends Component { - - props: { - user: UserReduxState, - connect: ConnectReduxState, - settings: SettingsReduxState, - onSettings: () => void, - onSelectLocation: () => void, - onConnect: (address: string) => void, - onCopyIP: () => void, - onDisconnect: () => void, - onExternalLink: (type: string) => void, - getServerInfo: (identifier: string) => ?ServerInfo - }; +export type ConnectProps = { + user: UserReduxState, + connect: ConnectReduxState, + settings: SettingsReduxState, + onSettings: () => void, + onSelectLocation: () => void, + onConnect: (address: string) => void, + onCopyIP: () => void, + onDisconnect: () => void, + onExternalLink: (type: string) => void, + getServerInfo: (identifier: string) => ?ServerInfo +}; +export default class Connect extends Component { + props: ConnectProps; state = { isFirstPass: true, showCopyIPMessage: false @@ -89,12 +89,12 @@ export default class Connect extends Component { </div> <If condition={ error.type === 'NO_CREDIT' }> <Then> - <div> - <button className="button button--positive" onClick={ this.onExternalLink.bind(this, 'purchase') }> - <span className="button-label">Buy more time</span> - <ExternalLinkSVG className="button-icon button-icon--16" /> - </button> - </div> + <div> + <button className="button button--positive" onClick={ this.onExternalLink.bind(this, 'purchase') }> + <span className="button-label">Buy more time</span> + <ExternalLinkSVG className="button-icon button-icon--16" /> + </button> + </div> </Then> </If> </div> @@ -129,12 +129,12 @@ export default class Connect extends Component { <div className="connect"> <div className="connect__map"> <ReactMapboxGl - style={ mapboxConfig.styleURL } - accessToken={ mapboxConfig.accessToken } - containerStyle={{ height: '100%' }} - interactive={ false } - fitBounds={ mapBounds } - fitBoundsOptions={ mapBoundsOptions }> + style={ mapboxConfig.styleURL } + accessToken={ mapboxConfig.accessToken } + containerStyle={{ height: '100%' }} + interactive={ false } + fitBounds={ mapBounds } + fitBoundsOptions={ mapBoundsOptions }> <If condition={ isConnected }> <Then> <Marker coordinates={ serverLocation } offset={ [0, -10] }> |
