From 7ffc68a5180dfb617a7d476862dfc4ee6a1dc023 Mon Sep 17 00:00:00 2001 From: George Marshall Date: Wed, 23 Mar 2022 17:05:40 -0700 Subject: [PATCH] Updating hardware wallet logos (#14163) --- app/images/lattice-logo.png | Bin 27102 -> 0 bytes app/images/ledger-logo.svg | 5 -- app/images/qrcode-wallet-logo.svg | 11 ---- app/images/trezor-logo.svg | 3 -- .../__snapshots__/logo-moonpay.test.js.snap | 2 + ui/components/ui/logo/logo-deposit-eth.js | 6 +++ ui/components/ui/logo/logo-lattice.js | 47 ++++++++++++++++++ ui/components/ui/logo/logo-ledger.js | 43 ++++++++++++++++ ui/components/ui/logo/logo-moonpay.js | 23 ++++++--- ui/components/ui/logo/logo-qr-based.js | 44 ++++++++++++++++ ui/components/ui/logo/logo-transak.js | 7 ++- ui/components/ui/logo/logo-trezor.js | 43 ++++++++++++++++ ui/components/ui/logo/logo-wyre.js | 6 +++ ui/components/ui/logo/logo.stories.js | 14 +++++- .../connect-hardware/index.scss | 4 +- .../connect-hardware/select-hardware.js | 29 ++++------- 16 files changed, 236 insertions(+), 51 deletions(-) delete mode 100644 app/images/lattice-logo.png delete mode 100644 app/images/ledger-logo.svg delete mode 100644 app/images/qrcode-wallet-logo.svg delete mode 100644 app/images/trezor-logo.svg create mode 100644 ui/components/ui/logo/logo-lattice.js create mode 100644 ui/components/ui/logo/logo-ledger.js create mode 100644 ui/components/ui/logo/logo-qr-based.js create mode 100644 ui/components/ui/logo/logo-trezor.js diff --git a/app/images/lattice-logo.png b/app/images/lattice-logo.png deleted file mode 100644 index 0100aba0f5e5f81f89e9bbfc6f4fd3748d35c19e..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 27102 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 B=X(GE diff --git a/app/images/ledger-logo.svg b/app/images/ledger-logo.svg deleted file mode 100644 index aa4118230..000000000 --- a/app/images/ledger-logo.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/app/images/qrcode-wallet-logo.svg b/app/images/qrcode-wallet-logo.svg deleted file mode 100644 index a88a7635e..000000000 --- a/app/images/qrcode-wallet-logo.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - qr-logo的副本2 - - - - - - - - \ No newline at end of file diff --git a/app/images/trezor-logo.svg b/app/images/trezor-logo.svg deleted file mode 100644 index 139ea7810..000000000 --- a/app/images/trezor-logo.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/ui/components/ui/logo/__snapshots__/logo-moonpay.test.js.snap b/ui/components/ui/logo/__snapshots__/logo-moonpay.test.js.snap index 4c8e21872..41518b5d6 100644 --- a/ui/components/ui/logo/__snapshots__/logo-moonpay.test.js.snap +++ b/ui/components/ui/logo/__snapshots__/logo-moonpay.test.js.snap @@ -3,7 +3,9 @@ exports[`LogoMoonPay renders the LogoMoonPay component 1`] = `
{ return ( @@ -43,6 +45,10 @@ LogoDepositEth.propTypes = { * Additional className to add to the root svg */ className: PropTypes.string, + /** + * Aria label to add to the logo component + */ + ariaLabel: PropTypes.string, }; export default LogoDepositEth; diff --git a/ui/components/ui/logo/logo-lattice.js b/ui/components/ui/logo/logo-lattice.js new file mode 100644 index 000000000..489ee8feb --- /dev/null +++ b/ui/components/ui/logo/logo-lattice.js @@ -0,0 +1,47 @@ +import React from 'react'; +import PropTypes from 'prop-types'; + +const LogoLattice = ({ + width = '100%', + color = 'var(--color-text-default)', + className, + ariaLabel, +}) => { + return ( + + + + ); +}; + +LogoLattice.propTypes = { + /** + * The width of the logo. Defaults to 100% + */ + width: PropTypes.string, + /** + * The color of the logo defaults to var(--color-text-default) + */ + color: PropTypes.string, + /** + * Additional className to add to the root svg + */ + className: PropTypes.string, + /** + * Aria label to add to the logo component + */ + ariaLabel: PropTypes.string, +}; + +export default LogoLattice; diff --git a/ui/components/ui/logo/logo-ledger.js b/ui/components/ui/logo/logo-ledger.js new file mode 100644 index 000000000..57b00d1ce --- /dev/null +++ b/ui/components/ui/logo/logo-ledger.js @@ -0,0 +1,43 @@ +import React from 'react'; +import PropTypes from 'prop-types'; + +const LogoLedger = ({ + width = '100%', + color = 'var(--color-text-default)', + className, + ariaLabel, +}) => { + return ( + + + + ); +}; + +LogoLedger.propTypes = { + /** + * The width of the logo. Defaults to 100% + */ + width: PropTypes.string, + /** + * The color of the logo defaults to var(--color-text-default) + */ + color: PropTypes.string, + /** + * Additional className to add to the root svg + */ + className: PropTypes.string, + /** + * Aria label to add to the logo component + */ + ariaLabel: PropTypes.string, +}; + +export default LogoLedger; diff --git a/ui/components/ui/logo/logo-moonpay.js b/ui/components/ui/logo/logo-moonpay.js index ea7b4ffc8..781b30255 100644 --- a/ui/components/ui/logo/logo-moonpay.js +++ b/ui/components/ui/logo/logo-moonpay.js @@ -4,14 +4,17 @@ import PropTypes from 'prop-types'; const COLOR_MOONPAY_CIRCLES = '#7D00FF'; const LogoMoonPay = ({ - className, - size, + width = '100%', color = 'var(--color-text-default)', + className, + ariaLabel, }) => { return ( @@ -29,17 +32,21 @@ const LogoMoonPay = ({ LogoMoonPay.propTypes = { /** - * Additional className to add to the root svg + * The width of the logo. Defaults to 100% */ - className: PropTypes.string.isRequired, + width: PropTypes.string, /** - * The color of the text of the logo accepts any valid css value + * The color of the logo defaults to var(--color-text-default) */ color: PropTypes.string, /** - * The width of the logo accepts any valid css value + * Additional className to add to the root svg + */ + className: PropTypes.string, + /** + * Aria label to add to the logo component */ - size: PropTypes.string, + ariaLabel: PropTypes.string, }; export default LogoMoonPay; diff --git a/ui/components/ui/logo/logo-qr-based.js b/ui/components/ui/logo/logo-qr-based.js new file mode 100644 index 000000000..9305ecd6c --- /dev/null +++ b/ui/components/ui/logo/logo-qr-based.js @@ -0,0 +1,44 @@ +import React from 'react'; +import PropTypes from 'prop-types'; + +const LogoQRBased = ({ + width = '100%', + color = 'var(--color-text-default)', + className, + ariaLabel, +}) => { + return ( + + + + + ); +}; + +LogoQRBased.propTypes = { + /** + * The width of the logo. Defaults to 100% + */ + width: PropTypes.string, + /** + * The color of the logo defaults to var(--color-text-default) + */ + color: PropTypes.string, + /** + * Additional className to add to the root svg + */ + className: PropTypes.string, + /** + * Aria label to add to the logo component + */ + ariaLabel: PropTypes.string, +}; + +export default LogoQRBased; diff --git a/ui/components/ui/logo/logo-transak.js b/ui/components/ui/logo/logo-transak.js index 64233c16c..d0ea72dc6 100644 --- a/ui/components/ui/logo/logo-transak.js +++ b/ui/components/ui/logo/logo-transak.js @@ -1,13 +1,14 @@ import React from 'react'; import PropTypes from 'prop-types'; -const LogoTransak = ({ width = '100%', className }) => { +const LogoTransak = ({ width = '100%', className, ariaLabel }) => { return ( { + return ( + + + + ); +}; + +LogoTrezor.propTypes = { + /** + * The width of the logo. Defaults to 100% + */ + width: PropTypes.string, + /** + * The color of the logo defaults to var(--color-text-default) + */ + color: PropTypes.string, + /** + * Additional className to add to the root svg + */ + className: PropTypes.string, + /** + * Aria label to add to the logo component + */ + ariaLabel: PropTypes.string, +}; + +export default LogoTrezor; diff --git a/ui/components/ui/logo/logo-wyre.js b/ui/components/ui/logo/logo-wyre.js index 07c8eafe0..fd8d22d65 100644 --- a/ui/components/ui/logo/logo-wyre.js +++ b/ui/components/ui/logo/logo-wyre.js @@ -5,12 +5,14 @@ const LogoWyre = ({ width = '100%', color = 'var(--color-text-default)', className, + ariaLabel, }) => { return ( @@ -38,6 +40,10 @@ LogoWyre.propTypes = { * Additional className to add to the root svg */ className: PropTypes.string, + /** + * Aria label to add to the logo component + */ + ariaLabel: PropTypes.string, }; export default LogoWyre; diff --git a/ui/components/ui/logo/logo.stories.js b/ui/components/ui/logo/logo.stories.js index 583262e14..a031e341e 100644 --- a/ui/components/ui/logo/logo.stories.js +++ b/ui/components/ui/logo/logo.stories.js @@ -5,11 +5,16 @@ import { COLORS } from '../../../helpers/constants/design-system'; import Card from '../card'; import Box from '../box'; +import Typography from '../typography'; import LogoMoonPay from './logo-moonpay'; import LogoWyre from './logo-wyre'; import LogoTransak from './logo-transak'; import LogoDepositEth from './logo-deposit-eth'; +import LogoLeger from './logo-ledger'; +import LogoQRBased from './logo-qr-based'; +import LogoTrezor from './logo-trezor'; +import LogoLattice from './logo-lattice'; import README from './README.mdx'; @@ -31,6 +36,9 @@ export default { className: { control: 'text', }, + ariaLabel: { + control: 'text', + }, }, }; @@ -43,7 +51,7 @@ const LogoItem = ({ Component }) => { backgroundColor={COLORS.BACKGROUND_DEFAULT} > {Component} - {`${Component.type.__docgenInfo.displayName}`} + {`${Component.type.__docgenInfo.displayName}`} ); }; @@ -64,6 +72,10 @@ export const DefaultStory = (args) => ( } /> } /> } /> + } /> + } /> + } /> + } />
); diff --git a/ui/pages/create-account/connect-hardware/index.scss b/ui/pages/create-account/connect-hardware/index.scss index c239eb17c..cb296bc41 100644 --- a/ui/pages/create-account/connect-hardware/index.scss +++ b/ui/pages/create-account/connect-hardware/index.scss @@ -42,8 +42,8 @@ } &__btn { - background: #fbfbfb; - border: 1px solid #e5e5e5; + background: var(--color-background-alternative); + border: 1px solid var(--color-border-muted); height: 100px; width: 150px; flex: 1; diff --git a/ui/pages/create-account/connect-hardware/select-hardware.js b/ui/pages/create-account/connect-hardware/select-hardware.js index be4d1326b..fc058ae45 100644 --- a/ui/pages/create-account/connect-hardware/select-hardware.js +++ b/ui/pages/create-account/connect-hardware/select-hardware.js @@ -2,6 +2,11 @@ import classnames from 'classnames'; import PropTypes from 'prop-types'; import React, { Component } from 'react'; import Button from '../../../components/ui/button'; +import LogoLedger from '../../../components/ui/logo/logo-ledger'; +import LogoQRBased from '../../../components/ui/logo/logo-qr-based'; +import LogoTrezor from '../../../components/ui/logo/logo-trezor'; +import LogoLattice from '../../../components/ui/logo/logo-lattice'; + import { DEVICE_NAMES, LEDGER_TRANSPORT_TYPES, @@ -37,11 +42,7 @@ export default class SelectHardware extends Component { })} onClick={(_) => this.setState({ selectedDevice: DEVICE_NAMES.TREZOR })} > - Trezor + ); } @@ -54,11 +55,7 @@ export default class SelectHardware extends Component { })} onClick={(_) => this.setState({ selectedDevice: DEVICE_NAMES.LATTICE })} > - + ); } @@ -71,11 +68,7 @@ export default class SelectHardware extends Component { })} onClick={(_) => this.setState({ selectedDevice: DEVICE_NAMES.LEDGER })} > - Ledger + ); } @@ -88,11 +81,7 @@ export default class SelectHardware extends Component { })} onClick={(_) => this.setState({ selectedDevice: DEVICE_NAMES.QR })} > - QRCode + ); }