Merge pull request #209 from trezor/fix/topnavigation-indicator

fix for indicator first render

src/views/Wallet/components/TopNavigationAccount/components/Indicator/index.js

@@ -6,7 +6,7 @@ import React, { PureComponent } from 'react';
 
 type Props = {
     pathname: string;
-    wrapper: ?HTMLElement;
+    wrapper: () => ?HTMLElement;
 }
 
 type State = {
@@ -71,8 +71,8 @@ class Indicator extends PureComponent<Props, State> {
     handleResize: () => void;
 
     reposition(resetAnimation: boolean = true) {
-        if (!this.props.wrapper) return;
+        const wrapper = this.props.wrapper();
-        const { wrapper } = this.props;
+        if (!wrapper) return;
         const active = wrapper.querySelector('.active');
         if (!active) return;
         const bounds = active.getBoundingClientRect();

src/views/Wallet/components/TopNavigationAccount/index.js

@@ -65,7 +65,7 @@ class TopNavigationAccount extends React.PureComponent<Props> {
                 <StyledNavLink to={`${basePath}/receive`}>Receive</StyledNavLink>
                 <StyledNavLink to={`${basePath}/send`}>Send</StyledNavLink>
                 {/* <StyledNavLink to={`${basePath}/signverify`}>Sign & Verify</StyledNavLink> */}
-                <Indicator pathname={pathname} wrapper={this.wrapper} />
+                <Indicator pathname={pathname} wrapper={() => this.wrapper} />
             </Wrapper>
         );
     }