summaryrefslogtreecommitdiffhomepage
path: root/app/components/Connect.js
diff options
context:
space:
mode:
Diffstat (limited to 'app/components/Connect.js')
-rw-r--r--app/components/Connect.js52
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] }>