@@ -50,11 +50,11 @@ const kInitialPointCursor = kIsStubbed ? Just(0) : Nothing();
51// the router itself is just a component that renders a specific view
51// the router itself is just a component that renders a specific view
52// depending on the history
52// depending on the history
53−const Router = function(props) {
53+const Router = function() {
54 const history = useHistory();
54 const history = useHistory();
55 const Route = router(history.peek());
55 const Route = router(history.peek());
57− return <Route {...props} />;
57+ return <Route />;
60// NB(shrugs): separate component because it needs useHistory
60// NB(shrugs): separate component because it needs useHistory
@@ -90,33 +90,31 @@ const AllProviders = nest([
90 TxnCursorProvider,
90 TxnCursorProvider,
93−class Bridge extends React.Component {
93+function Bridge() {
94− render() {
94+ return (
96− <AllProviders
95+ <AllProviders
97− initialRoutes={kInitialRoutes}
96+ initialRoutes={kInitialRoutes}
98− initialNetworkType={kInitialNetworkType}
97+ initialNetworkType={kInitialNetworkType}
99− initialWallet={kInitialWallet}
98+ initialWallet={kInitialWallet}
100− initialMnemonic={kInitialMnemonic}
99+ initialMnemonic={kInitialMnemonic}
101− initialPointCursor={kInitialPointCursor}>
100+ initialPointCursor={kInitialPointCursor}>
102− <Container>
101+ <Container>
104− <VariableWidthColumn>
103+ <VariableWidthColumn>
105− <Header />
104+ <Header />
107− <Row className={'row wrapper'}>
106+ <Row className={'row wrapper'}>
108− <Router />
107+ <Router />
110− <div className={'push'} />
109+ <div className={'push'} />
113− <Footer />
112+ <Footer />
114− </VariableWidthColumn>
113+ </VariableWidthColumn>
116− </Container>
115+ </Container>
117− </AllProviders>
116+ </AllProviders>
122export default Bridge;
120export default Bridge;