mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
bde74756d3
* feat: add desktop enable button component This component will be added to the experimental page. Users will then be able to initialize a desktop connection * feat: add desktop pairing page * feat: add desktop deep-linking shared lib * test: add initial entries to render helper Allow specifying initialEntries for MemoryRouter. This change will allow testing pages that use the useParam hook. * feat: add desktop error page Error page for any desktop pairing related issue * feat: add desktop routes to route component * feat: add enable desktop button to experimental tab * feat: add desktop icon when paired in dev mode * feat: disable ledger live control when desktop enabled * feat: register desktop error actions on ui init * fix: add missing code fencing * chore: remove enable desktop rpc middleware Now that we are adding the UI there's no need for this rpc middleware (as it was used to test desktop background code) * fix: display experimental tab for desktop
85 lines
2.1 KiB
JavaScript
85 lines
2.1 KiB
JavaScript
import React, { PureComponent } from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import classnames from 'classnames';
|
|
import MetaFoxHorizontalLogo from './horizontal-logo';
|
|
|
|
export default class MetaFoxLogo extends PureComponent {
|
|
static propTypes = {
|
|
onClick: PropTypes.func,
|
|
unsetIconHeight: PropTypes.bool,
|
|
isOnboarding: PropTypes.bool,
|
|
///: BEGIN:ONLY_INCLUDE_IN(desktop)
|
|
src: PropTypes.string,
|
|
///: END:ONLY_INCLUDE_IN
|
|
};
|
|
|
|
static defaultProps = {
|
|
onClick: undefined,
|
|
};
|
|
|
|
render() {
|
|
const {
|
|
onClick,
|
|
unsetIconHeight,
|
|
isOnboarding,
|
|
///: BEGIN:ONLY_INCLUDE_IN(desktop)
|
|
src,
|
|
///: END:ONLY_INCLUDE_IN
|
|
} = this.props;
|
|
const iconProps = unsetIconHeight ? {} : { height: 42, width: 42 };
|
|
|
|
let renderHorizontalLogo = () => (
|
|
<MetaFoxHorizontalLogo
|
|
className={classnames({
|
|
'app-header__metafox-logo--horizontal': !isOnboarding,
|
|
'onboarding-app-header__metafox-logo--horizontal': isOnboarding,
|
|
})}
|
|
/>
|
|
);
|
|
|
|
let imageSrc = './images/logo/metamask-fox.svg';
|
|
|
|
///: BEGIN:ONLY_INCLUDE_IN(desktop)
|
|
if (src) {
|
|
renderHorizontalLogo = () => (
|
|
<img
|
|
{...iconProps}
|
|
src={src}
|
|
className={classnames({
|
|
'app-header__metafox-logo--horizontal': !isOnboarding,
|
|
'onboarding-app-header__metafox-logo--horizontal': isOnboarding,
|
|
})}
|
|
alt=""
|
|
/>
|
|
);
|
|
|
|
imageSrc = src;
|
|
}
|
|
///: END:ONLY_INCLUDE_IN
|
|
|
|
return (
|
|
<div
|
|
onClick={onClick}
|
|
className={classnames({
|
|
'app-header__logo-container': !isOnboarding,
|
|
'onboarding-app-header__logo-container': isOnboarding,
|
|
'app-header__logo-container--clickable': Boolean(onClick),
|
|
})}
|
|
data-testid="app-header-logo"
|
|
>
|
|
{renderHorizontalLogo()}
|
|
|
|
<img
|
|
{...iconProps}
|
|
src={imageSrc}
|
|
className={classnames({
|
|
'app-header__metafox-logo--icon': !isOnboarding,
|
|
'onboarding-app-header__metafox-logo--icon': isOnboarding,
|
|
})}
|
|
alt=""
|
|
/>
|
|
</div>
|
|
);
|
|
}
|
|
}
|