m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

fix icon names (#17391)

Browse Source
This commit is contained in:
Garrett Bear 2023-01-25 10:11:13 -08:00 committed by GitHub
parent d2331c0e0b
commit 23133a2735
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
13 changed files with 16 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ui/components/app/collectible-details/collectible-details.js
View File

@ -277,9 +277,7 @@ export default function CollectibleDetails({ collectible }) {
handleSourceCopy(collectibleImageURL);
}}
iconName={
sourceCopied
? ICON_NAMES.COPY_SUCCESS_FILLED
: ICON_NAMES.COPY_FILLED
sourceCopied ? ICON_NAMES.COPY_SUCCESS : ICON_NAMES.COPY
}
/>
</Box>
@ -334,9 +332,7 @@ export default function CollectibleDetails({ collectible }) {
handleAddressCopy(address);
}}
iconName={
addressCopied
? ICON_NAMES.COPY_SUCCESS_FILLED
: ICON_NAMES.COPY_FILLED
addressCopied ? ICON_NAMES.COPY_SUCCESS : ICON_NAMES.COPY
}
/>
</Box>

2
ui/components/app/flask/snap-delineator/snap-delineator.js
View File

@ -31,7 +31,7 @@ export const SnapDelineator = ({ snapName, children }) => {
paddingTop={1}
paddingBottom={1}
>
<Icon name="snaps-filled" color={COLORS.INFO_DEFAULT} size={SIZES.SM} />
<Icon name="snaps" color={COLORS.INFO_DEFAULT} size={SIZES.SM} />
<Text
variant={TEXT.BODY_SM}
color={COLORS.INFO_DEFAULT}

4
ui/components/app/signature-request-siwe/signature-request-siwe.js
View File

@ -100,7 +100,7 @@ export default function SignatureRequestSIWE({
iconFillColor="var(--color-warning-default)"
useIcon
withRightButton
icon={<Icon name="danger-filled" color={COLORS.WARNING_DEFAULT} />}
icon={<Icon name="danger" color={COLORS.WARNING_DEFAULT} />}
/>
)}
{!isSIWEDomainValid && (
@ -121,7 +121,7 @@ export default function SignatureRequestSIWE({
iconFillColor="var(--color-error-default)"
useIcon
withRightButton
icon={<Icon name="danger-filled" color={COLORS.ERROR_DEFAULT} />}
icon={<Icon name="danger" color={COLORS.ERROR_DEFAULT} />}
/>
)}
<PageContainerFooter

2
ui/components/component-library/banner-base/README.mdx
View File

@ -114,7 +114,7 @@ import { BannerBase, Icon, ICON_NAMES } from '../../component-library';
<BannerBase
title="Start accessory demo"
startAccessory={<Icon name={ICON_NAMES.INFO_FILLED} size={SIZES.LG} />}
startAccessory={<Icon name={ICON_NAMES.INFO} size={SIZES.LG} />}
>
The info icon on the left is passed through the startAccessory prop
</BannerBase>;

2
ui/components/component-library/banner-base/banner-base.js
View File

@ -68,7 +68,7 @@ export const BannerBase = ({
{onClose && (
<ButtonIcon
className="mm-banner-base__close-button"
iconName={ICON_NAMES.CLOSE_OUTLINE}
iconName={ICON_NAMES.CLOSE}
size={SIZES.SM}
ariaLabel="Close" // TODO: i18n
onClick={onClose}

4
ui/components/component-library/banner-base/banner-base.stories.js
View File

@ -92,7 +92,7 @@ DefaultStory.args = {
title: 'Title is sentence case no period',
children: "Description shouldn't repeat title. 1-3 lines.",
actionButtonLabel: 'Action',
startAccessory: <Icon name={ICON_NAMES.INFO_FILLED} size={SIZES.LG} />,
startAccessory: <Icon name={ICON_NAMES.INFO} size={SIZES.LG} />,
};
DefaultStory.storyName = 'Default';
@ -165,5 +165,5 @@ StartAccessory.args = {
title: 'Start accessory demo',
children:
'The info icon on the left is passed through the startAccessory prop',
startAccessory: <Icon name={ICON_NAMES.INFO_FILLED} size={SIZES.LG} />,
startAccessory: <Icon name={ICON_NAMES.INFO} size={SIZES.LG} />,
};

5
ui/components/component-library/banner-base/banner-base.test.js
View File

@ -72,10 +72,7 @@ describe('BannerBase', () => {
const { getByTestId } = render(
<BannerBase
startAccessory={
<Icon
data-testid="start-accessory"
name={ICON_NAMES.ADD_SQUARE_FILLED}
/>
<Icon data-testid="start-accessory" name={ICON_NAMES.ADD_SQUARE} />
}
/>,
);

2
ui/components/component-library/button-base/button-base.test.js
View File

@ -100,7 +100,7 @@ describe('ButtonBase', () => {
const { getByTestId } = render(
<ButtonBase
data-testid="icon"
iconName="add-square-filled"
iconName="add-square"
iconProps={{ 'data-testid': 'base-button-icon' }}
/>,
);

2
ui/components/component-library/button-link/button-link.test.js
View File

@ -82,7 +82,7 @@ describe('ButtonLink', () => {
});
it('should render with icon', () => {
const { container } = render(
<ButtonLink data-testid="icon" iconName="add-square-filled" />,
<ButtonLink data-testid="icon" iconName="add-square" />,
);
const icons = container.getElementsByClassName('mm-icon').length;

2
ui/components/component-library/button-primary/button-primary.test.js
View File

@ -89,7 +89,7 @@ describe('ButtonPrimary', () => {
});
it('should render with icon', () => {
const { container } = render(
<ButtonPrimary data-testid="icon" iconName="add-square-filled" />,
<ButtonPrimary data-testid="icon" iconName="add-square" />,
);
const icons = container.getElementsByClassName('mm-icon').length;

2
ui/components/component-library/button-secondary/button-secondary.test.js
View File

@ -93,7 +93,7 @@ describe('ButtonSecondary', () => {
});
it('should render with icon', () => {
const { container } = render(
<ButtonSecondary data-testid="icon" iconName="add-square-filled" />,
<ButtonSecondary data-testid="icon" iconName="add-square" />,
);
const icons = container.getElementsByClassName('mm-icon').length;

2
ui/components/component-library/button/button.test.js
View File

@ -133,7 +133,7 @@ describe('Button', () => {
const { getByTestId } = render(
<Button
data-testid="icon"
iconName="add-square-filled"
iconName="add-square"
iconProps={{ 'data-testid': 'base-button-icon' }}
>
Button

2
ui/pages/onboarding-flow/privacy-settings/privacy-settings.js
View File

@ -225,7 +225,7 @@ export default function PrivacySettings() {
e.preventDefault();
dispatch(showModal({ name: 'ONBOARDING_ADD_NETWORK' }));
}}
icon={<Icon name="add-outline" marginRight={2} />}
icon={<Icon name="add" marginRight={2} />}
>
{t('onboardingAdvancedPrivacyNetworkButton')}
</Button>