m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-22 18:00:18 +01:00
Code

UX: Icons: Remove legacy connect icon (#17673)

Browse Source
This commit is contained in:
David Walsh 2023-02-10 19:32:52 -06:00 committed by GitHub
parent e723de3208
commit c61576e33c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 1 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
development/ts-migration-dashboard/files-to-convert.json
View File

@ -891,7 +891,6 @@
"ui/components/ui/icon/icon-caret-up.js",
"ui/components/ui/icon/icon-check.js",
"ui/components/ui/icon/icon-cog.js",
"ui/components/ui/icon/icon-connect.js",
"ui/components/ui/icon/icon-eye-slash.js",
"ui/components/ui/icon/icon-eye.js",
"ui/components/ui/icon/icon-import.js",

6
ui/components/app/account-menu/account-menu.component.js
View File

@ -32,7 +32,6 @@ import {
} from '../../../helpers/constants/routes';
import TextField from '../../ui/text-field';
import IconCheck from '../../ui/icon/icon-check';
import IconConnect from '../../ui/icon/icon-connect';
import IconCog from '../../ui/icon/icon-cog';
import IconPlus from '../../ui/icon/icon-plus';
import IconImport from '../../ui/icon/icon-import';
@ -412,10 +411,7 @@ export default class AccountMenu extends Component {
}
}}
icon={
<IconConnect
color="var(--color-icon-alternative)"
ariaLabel={t('connectHardwareWallet')}
/>
<Icon name={ICON_NAMES.HARDWARE} color={Color.iconAlternative} />
}
text={t('connectHardwareWallet')}
/>

42
ui/components/ui/icon/icon-connect.js
View File

@ -1,42 +0,0 @@
import React from 'react';
import PropTypes from 'prop-types';
const IconConnect = ({
size = 24,
color = 'currentColor',
ariaLabel,
className,
}) => (
<svg
width={size}
height={size}
fill={color}
className={className}
aria-label={ariaLabel}
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512"
>
<path d="m213 79l22-31c6-7 15-7 21 0l23 33c6 7 3 15-7 15l-18 0 0 175c0 4 4 4 7 1l37-37c6-6 8-15 8-24l0-35c-10 0-17-8-17-18l0-18c0-9 7-18 17-18l18 0c10 0 17 8 17 18l0 18c0 10-7 18-17 18l0 35c0 15-4 27-15 37l-45 46c-6 6-10 9-10 24l0 73c18 4 31 19 31 38 0 23-18 40-40 40-21 0-39-17-39-40 0-19 13-34 31-38l0-20c0-14-5-19-11-25l-45-46c-8-9-14-20-14-35l0-37c-10-3-18-14-18-26 0-14 12-26 27-26 14 0 26 12 26 26 0 12-8 23-18 26l0 37c0 10 5 18 10 23l37 38c3 2 6 2 6-2l0-228-18 0c-10 0-13-8-6-17z" />
</svg>
);
IconConnect.propTypes = {
/**
* The size of the Icon follows an 8px grid 2 = 16px, 3 = 24px etc
*/
size: PropTypes.number,
/**
* The color of the icon accepts design token css variables
*/
color: PropTypes.string,
/**
* An additional className to assign the Icon
*/
className: PropTypes.string,
/**
* The aria-label of the icon for accessibility purposes
*/
ariaLabel: PropTypes.string,
};
export default IconConnect;

2
ui/components/ui/icon/icon.stories.js
View File

@ -28,7 +28,6 @@ import IconCaretDown from './icon-caret-down';
import IconCaretUp from './icon-caret-up';
import IconCheck from './icon-check';
import IconCog from './icon-cog';
import IconConnect from './icon-connect';
import IconImport from './icon-import';
import IconPlus from './icon-plus';
import IconEye from './icon-eye';
@ -123,7 +122,6 @@ export const DefaultStory = (args) => (
<IconItem Component={<IconCheck {...args} />} />
<IconItem Component={<IconPlus {...args} />} />
<IconItem Component={<IconImport {...args} />} />
<IconItem Component={<IconConnect {...args} />} />
<IconItem Component={<IconCog {...args} />} />
<IconItem Component={<IconTokenSearch {...args} />} />
<IconItem Component={<SearchIcon {...args} />} />