1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
|
import { connect } from 'react-redux';
import { RouteComponentProps, withRouter } from 'react-router';
import { sprintf } from 'sprintf-js';
import { messages } from '../../shared/gettext';
import log from '../../shared/logging';
import Connect from '../components/Connect';
import withAppContext, { IAppContext } from '../context';
import { IRelayLocationRedux, RelaySettingsRedux } from '../redux/settings/reducers';
import { IReduxState, ReduxDispatch } from '../redux/store';
function getRelayName(
relaySettings: RelaySettingsRedux,
relayLocations: IRelayLocationRedux[],
): string {
if ('normal' in relaySettings) {
const location = relaySettings.normal.location;
if (location === 'any') {
return 'Automatic';
} else if ('country' in location) {
const country = relayLocations.find(({ code }) => code === location.country);
if (country) {
return country.name;
}
} else if ('city' in location) {
const [countryCode, cityCode] = location.city;
const country = relayLocations.find(({ code }) => code === countryCode);
if (country) {
const city = country.cities.find(({ code }) => code === cityCode);
if (city) {
return city.name;
}
}
} else if ('hostname' in location) {
const [countryCode, cityCode, hostname] = location.hostname;
const country = relayLocations.find(({ code }) => code === countryCode);
if (country) {
const city = country.cities.find(({ code }) => code === cityCode);
if (city) {
return sprintf(
// TRANSLATORS: The selected location label displayed on the main view, when a user selected a specific host to connect to.
// TRANSLATORS: Example: Malmö (se-mma-001)
// TRANSLATORS: Available placeholders:
// TRANSLATORS: %(city)s - a city name
// TRANSLATORS: %(hostname)s - a hostname
messages.pgettext('connect-container', '%(city)s (%(hostname)s)'),
{
city: city.name,
hostname,
},
);
}
}
}
return 'Unknown';
} else if (relaySettings.customTunnelEndpoint) {
return 'Custom';
} else {
throw new Error('Unsupported relay settings.');
}
}
const mapStateToProps = (state: IReduxState) => {
return {
accountExpiry: state.account.expiry,
loginState: state.account.status,
blockWhenDisconnected: state.settings.blockWhenDisconnected,
selectedRelayName: getRelayName(state.settings.relaySettings, state.settings.relayLocations),
connection: state.connection,
};
};
const mapDispatchToProps = (_dispatch: ReduxDispatch, props: RouteComponentProps & IAppContext) => {
return {
onSelectLocation: () => {
props.history.push('/select-location');
},
onConnect: async () => {
try {
await props.app.connectTunnel();
} catch (error) {
log.error(`Failed to connect the tunnel: ${error.message}`);
}
},
onDisconnect: async () => {
try {
await props.app.disconnectTunnel();
} catch (error) {
log.error(`Failed to disconnect the tunnel: ${error.message}`);
}
},
onReconnect: async () => {
try {
await props.app.reconnectTunnel();
} catch (error) {
log.error(`Failed to reconnect the tunnel: ${error.message}`);
}
},
};
};
export default withAppContext(withRouter(connect(mapStateToProps, mapDispatchToProps)(Connect)));
|
