import { hot } from 'react-hot-loader/root';
import React from 'react';
import { Route, Switch } from 'react-router-dom';
import { Provider } from 'react-redux';
import { ConnectedRouter } from 'connected-react-router';

// general
import ConnectedIntlProvider from 'support/ConnectedIntlProvider';
import ErrorBoundary from 'support/ErrorBoundary';
import ImagesPreloader from 'support/ImagesPreloader';
import Version from 'views/Landing/views/Version';
import { getPattern } from 'support/routes';

// landing views
import RootView from 'views/Landing/views/Root/Container';
import InstallBridge from 'views/Landing/views/InstallBridge/Container';

// wallet views
import WalletContainer from 'views/Wallet';
import AccountSummary from 'views/Wallet/views/Account/Summary';
import AccountTransactions from 'views/Wallet/views/Account/Transactions';
import AccountSend from 'views/Wallet/views/Account/Send';
import AccountReceive from 'views/Wallet/views/Account/Receive';
import AccountSignVerify from 'views/Wallet/views/Account/SignVerify/Container';

import WalletImport from 'views/Wallet/views/Import/Container';
import WalletDashboard from 'views/Wallet/views/Dashboard/Container';
import WalletDeviceSettings from 'views/Wallet/views/DeviceSettings';
import WalletSettings from 'views/Wallet/views/WalletSettings/Container';
import WalletBootloader from 'views/Wallet/views/Bootloader';
import WalletFirmwareUpdate from 'views/Wallet/views/FirmwareUpdate';
import WalletNoBackup from 'views/Wallet/views/NoBackup';
import WalletInitialize from 'views/Wallet/views/Initialize';
import WalletSeedless from 'views/Wallet/views/Seedless';
import WalletAcquire from 'views/Wallet/views/Acquire';
import WalletUnreadableDevice from 'views/Wallet/views/UnreadableDevice';

import store, { history } from 'store';

const App = () => (
    <Provider store={store}>
        <ConnectedIntlProvider>
            <ConnectedRouter history={history}>
                <Switch>
                    <Route exact path={getPattern('landing-home')} component={RootView} />
                    <Route exact path={getPattern('landing-version')} component={Version} />
                    <Route exact path={getPattern('landing-bridge')} component={InstallBridge} />
                    <Route>
                        <ErrorBoundary>
                            <ImagesPreloader />
                            <WalletContainer>
                                <Route
                                    exact
                                    path={getPattern('wallet-import')}
                                    component={WalletImport}
                                />

                                <Route
                                    exact
                                    path={getPattern('wallet-settings')}
                                    component={WalletSettings}
                                />
                                <Route
                                    exact
                                    path={getPattern('wallet-dashboard')}
                                    component={WalletDashboard}
                                />
                                <Route
                                    exact
                                    path={getPattern('wallet-acquire')}
                                    component={WalletAcquire}
                                />
                                <Route
                                    exact
                                    path={getPattern('wallet-unreadable')}
                                    component={WalletUnreadableDevice}
                                />
                                <Route
                                    exact
                                    path={getPattern('wallet-bootloader')}
                                    component={WalletBootloader}
                                />
                                <Route
                                    exact
                                    path={getPattern('wallet-initialize')}
                                    component={WalletInitialize}
                                />
                                <Route
                                    exact
                                    path={getPattern('wallet-seedless')}
                                    component={WalletSeedless}
                                />
                                <Route
                                    exact
                                    path={getPattern('wallet-firmware-update')}
                                    component={WalletFirmwareUpdate}
                                />
                                <Route
                                    exact
                                    path={getPattern('wallet-backup')}
                                    component={WalletNoBackup}
                                />
                                <Route
                                    exact
                                    path={getPattern('wallet-device-settings')}
                                    component={WalletDeviceSettings}
                                />
                                <Route
                                    exact
                                    path={getPattern('wallet-account-summary')}
                                    component={AccountSummary}
                                />
                                <Route
                                    path={getPattern('wallet-account-transactions')}
                                    component={AccountTransactions}
                                />
                                <Route
                                    path={getPattern('wallet-account-send')}
                                    component={AccountSend}
                                />
                                <Route
                                    path={getPattern('wallet-account-send-override')}
                                    component={AccountSend}
                                />
                                <Route
                                    path={getPattern('wallet-account-receive')}
                                    component={AccountReceive}
                                />
                                <Route
                                    path={getPattern('wallet-account-signverify')}
                                    component={AccountSignVerify}
                                />
                            </WalletContainer>
                        </ErrorBoundary>
                    </Route>
                </Switch>
            </ConnectedRouter>
        </ConnectedIntlProvider>
    </Provider>
);

export default hot(App);