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
104
105
106
|
import { useCallback, useRef } from 'react';
import { Route, Switch } from 'react-router';
import { RoutePath } from '../../shared/routes';
import SelectLocation from '../components/select-location/SelectLocationContainer';
import { useViewTransitions } from '../lib/transition-hooks';
import ApiAccessMethods from './ApiAccessMethods';
import Debug from './Debug';
import { DeviceRevokedView } from './DeviceRevokedView';
import { EditApiAccessMethod } from './EditApiAccessMethod';
import { EditCustomBridge } from './EditCustomBridge';
import {
SetupFinished,
TimeAdded,
VoucherInput,
VoucherVerificationSuccess,
} from './ExpiredAccountAddTime';
import ExpiredAccountErrorView from './ExpiredAccountErrorView';
import Filter from './Filter';
import Focus, { IFocusHandle } from './Focus';
import ProblemReport from './ProblemReport';
import SettingsImport from './SettingsImport';
import SettingsTextImport from './SettingsTextImport';
import StateTriggeredNavigation from './StateTriggeredNavigation';
import Support from './Support';
import {
Account,
AppInfoView,
AppUpgradeView,
ChangelogView,
DaitaSettingsView,
LaunchView,
LoginView,
MainView,
ManageDevicesView,
MultihopSettingsView,
OpenVpnSettingsView,
SelectLanguageView,
SettingsView,
ShadowsocksSettingsView,
SplitTunnelingView,
TooManyDevicesView,
UdpOverTcpSettingsView,
UserInterfaceSettingsView,
VpnSettingsView,
WireguardSettingsView,
} from './views';
export default function AppRouter() {
const focusRef = useRef<IFocusHandle>(null);
const onNavigation = useCallback(() => {
focusRef.current?.resetFocus();
}, [focusRef]);
const currentLocation = useViewTransitions(onNavigation);
return (
<>
<StateTriggeredNavigation />
<Focus ref={focusRef}>
<Switch key={currentLocation.key} location={currentLocation}>
<Route exact path={RoutePath.launch} component={LaunchView} />
<Route exact path={RoutePath.login} component={LoginView} />
<Route exact path={RoutePath.tooManyDevices} component={TooManyDevicesView} />
<Route exact path={RoutePath.deviceRevoked} component={DeviceRevokedView} />
<Route exact path={RoutePath.main} component={MainView} />
<Route exact path={RoutePath.expired} component={ExpiredAccountErrorView} />
<Route exact path={RoutePath.redeemVoucher} component={VoucherInput} />
<Route exact path={RoutePath.voucherSuccess} component={VoucherVerificationSuccess} />
<Route exact path={RoutePath.timeAdded} component={TimeAdded} />
<Route exact path={RoutePath.setupFinished} component={SetupFinished} />
<Route exact path={RoutePath.account} component={Account} />
<Route exact path={RoutePath.settings} component={SettingsView} />
<Route exact path={RoutePath.selectLanguage} component={SelectLanguageView} />
<Route
exact
path={RoutePath.userInterfaceSettings}
component={UserInterfaceSettingsView}
/>
<Route exact path={RoutePath.multihopSettings} component={MultihopSettingsView} />
<Route exact path={RoutePath.vpnSettings} component={VpnSettingsView} />
<Route exact path={RoutePath.wireguardSettings} component={WireguardSettingsView} />
<Route exact path={RoutePath.daitaSettings} component={DaitaSettingsView} />
<Route exact path={RoutePath.udpOverTcp} component={UdpOverTcpSettingsView} />
<Route exact path={RoutePath.shadowsocks} component={ShadowsocksSettingsView} />
<Route exact path={RoutePath.openVpnSettings} component={OpenVpnSettingsView} />
<Route exact path={RoutePath.splitTunneling} component={SplitTunnelingView} />
<Route exact path={RoutePath.apiAccessMethods} component={ApiAccessMethods} />
<Route exact path={RoutePath.settingsImport} component={SettingsImport} />
<Route exact path={RoutePath.settingsTextImport} component={SettingsTextImport} />
<Route exact path={RoutePath.editApiAccessMethods} component={EditApiAccessMethod} />
<Route exact path={RoutePath.support} component={Support} />
<Route exact path={RoutePath.problemReport} component={ProblemReport} />
<Route exact path={RoutePath.debug} component={Debug} />
<Route exact path={RoutePath.selectLocation} component={SelectLocation} />
<Route exact path={RoutePath.editCustomBridge} component={EditCustomBridge} />
<Route exact path={RoutePath.filter} component={Filter} />
<Route exact path={RoutePath.appInfo} component={AppInfoView} />
<Route exact path={RoutePath.changelog} component={ChangelogView} />
<Route exact path={RoutePath.appUpgrade} component={AppUpgradeView} />
<Route exact path={RoutePath.manageDevices} component={ManageDevicesView} />
</Switch>
</Focus>
</>
);
}
|
