message: fix(#713): move wallet to topbar
diff: @@ -75,8 +75,7 @@ class TopBarComponent extends Component<Props, State> {
  private readonly toolMenus: Array<MenuItem> = [
  { directTo: "/api-gateway/", itemText: "topbar.graphql_playground" },
  - { directTo: "/doc/api-gateway/", itemText: "topbar.graphql_doc" },
  - { directTo: "/wallet", itemText: "topbar.wallet" }
  + { directTo: "/doc/api-gateway/", itemText: "topbar.graphql_doc" }
  ];
  constructor(props: Props) {
  @@ -146,13 +145,11 @@ class TopBarComponent extends Component<Props, State> {
  <AntdMenu style={overlayStyle}>
  {this.toolMenus.map(({ directTo, itemText }) => (
  <AntdMenu.Item key={itemText}>
  - {directTo.match(/\/wallet/i) ? (
  - <StyledLink to={directTo}>{t(itemText)}</StyledLink>
  - ) : (
  + {
  <A href={directTo} target="_blank">
  {t(itemText)}
  </A>
  - )}
  + }
  </AntdMenu.Item>
  ))}
  </AntdMenu>
  @@ -201,7 +198,10 @@ class TopBarComponent extends Component<Props, State> {
  </AntdDropdown>,
  <NoBgA href={votingPageUrl} key={2}>
  {t("topbar.voting")}
  - </NoBgA>
  + </NoBgA>,
  + <NoBgLink to="wallet" key={3}>
  + {t("topbar.wallet")}
  + </NoBgLink>
  ];
  return this.state.displayMobileMenu && multiChain
  @@ -428,6 +428,9 @@ const menuItem = {
  ":hover": {
  color: `${colors.primary} !important`
  },
  + ":focus": {
  + textDecoration: "none !important"
  + },
  transition,
  [media.toLap]: {
  boxSizing: "border-box",
  @@ -469,6 +472,7 @@ const A = styled("a", {
  });
  const NoBgA = styled("a", menuItem);
  +const NoBgLink = styled(Link, menuItem);
  // @ts-ignore
  const StyledLink = styled(Link, {
  