diff options
author | Dan Finlay <542863+danfinlay@users.noreply.github.com> | 2018-08-21 04:12:31 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-08-21 04:12:31 +0800 |
commit | 887cad973f25f43d2d4502ff31657f156a44b188 (patch) | |
tree | 921a9f728e4f3a3cbc02af89df820a0109fac8ab /ui/app/components/app-header/app-header.component.js | |
parent | fb5faec372a718722be901a81efe873d014cdd87 (diff) | |
parent | cec87a5b2c29f704e2292f6267be0e4f13677a0a (diff) | |
download | tangerine-wallet-browser-887cad973f25f43d2d4502ff31657f156a44b188.tar tangerine-wallet-browser-887cad973f25f43d2d4502ff31657f156a44b188.tar.gz tangerine-wallet-browser-887cad973f25f43d2d4502ff31657f156a44b188.tar.bz2 tangerine-wallet-browser-887cad973f25f43d2d4502ff31657f156a44b188.tar.lz tangerine-wallet-browser-887cad973f25f43d2d4502ff31657f156a44b188.tar.xz tangerine-wallet-browser-887cad973f25f43d2d4502ff31657f156a44b188.tar.zst tangerine-wallet-browser-887cad973f25f43d2d4502ff31657f156a44b188.zip |
Merge pull request #5095 from MetaMask/i4953-update-logo
Update logo wordmark
Diffstat (limited to 'ui/app/components/app-header/app-header.component.js')
-rw-r--r-- | ui/app/components/app-header/app-header.component.js | 23 |
1 files changed, 10 insertions, 13 deletions
diff --git a/ui/app/components/app-header/app-header.component.js b/ui/app/components/app-header/app-header.component.js index 07ca6cf84..b8b002dcc 100644 --- a/ui/app/components/app-header/app-header.component.js +++ b/ui/app/components/app-header/app-header.component.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react' +import React, { PureComponent } from 'react' import PropTypes from 'prop-types' import classnames from 'classnames' import { matchPath } from 'react-router-dom' @@ -11,7 +11,7 @@ const { DEFAULT_ROUTE, INITIALIZE_ROUTE, CONFIRM_TRANSACTION_ROUTE } = require(' const Identicon = require('../identicon') const NetworkIndicator = require('../network') -class AppHeader extends Component { +export default class AppHeader extends PureComponent { static propTypes = { history: PropTypes.object, location: PropTypes.object, @@ -107,20 +107,19 @@ class AppHeader extends Component { onClick={() => history.push(DEFAULT_ROUTE)} > <img - className="app-header__metafox" - src="/images/metamask-fox.svg" + className="app-header__metafox-logo app-header__metafox-logo--horizontal" + src="/images/logo/metamask-logo-horizontal-beta.svg" + height={30} + /> + <img + className="app-header__metafox-logo app-header__metafox-logo--icon" + src="/images/logo/metamask-fox.svg" height={42} width={42} /> - <div className="flex-row"> - <h1>{ this.context.t('appName') }</h1> - <div className="app-header__beta-label"> - { this.context.t('beta') } - </div> - </div> </div> <div className="app-header__account-menu-container"> - <div className="network-component-wrapper"> + <div className="app-header__network-component-wrapper"> <NetworkIndicator network={network} provider={provider} @@ -135,5 +134,3 @@ class AppHeader extends Component { ) } } - -export default AppHeader |