@@ -50,11 +50,11 @@ const kInitialPointCursor = kIsStubbed ? Just(0) : Nothing();
5050
5151// the router itself is just a component that renders a specific view
5252// depending on the history
53−const Router = function(props) {
53+const Router = function() {
5454 const history = useHistory();
5555 const Route = router(history.peek());
5656
57− return <Route {...props} />;
57+ return <Route />;
5858};
5959
6060// NB(shrugs): separate component because it needs useHistory
@@ -90,33 +90,31 @@ const AllProviders = nest([
9090 TxnCursorProvider,
9191]);
9292
93−class Bridge extends React.Component {
94− render() {
95− return (
96− <AllProviders
97− initialRoutes={kInitialRoutes}
98− initialNetworkType={kInitialNetworkType}
99− initialWallet={kInitialWallet}
100− initialMnemonic={kInitialMnemonic}
101− initialPointCursor={kInitialPointCursor}>
102− <Container>
103− <Row>
104− <VariableWidthColumn>
105− <Header />
93+function Bridge() {
94+ return (
95+ <AllProviders
96+ initialRoutes={kInitialRoutes}
97+ initialNetworkType={kInitialNetworkType}
98+ initialWallet={kInitialWallet}
99+ initialMnemonic={kInitialMnemonic}
100+ initialPointCursor={kInitialPointCursor}>
101+ <Container>
102+ <Row>
103+ <VariableWidthColumn>
104+ <Header />
106105
107− <Row className={'row wrapper'}>
108− <Router />
106+ <Row className={'row wrapper'}>
107+ <Router />
109108
110− <div className={'push'} />
111− </Row>
109+ <div className={'push'} />
110+ </Row>
112111
113− <Footer />
114− </VariableWidthColumn>
115− </Row>
116− </Container>
117− </AllProviders>
118− );
119− }
112+ <Footer />
113+ </VariableWidthColumn>
114+ </Row>
115+ </Container>
116+ </AllProviders>
117+ );
120118}
121119
122120export default Bridge;