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 misaligned icons in 'Connected sites' modal (#19944)

Browse Source 
* Replace <SiteIcon> w/ <AvatarFavicon>

* Use constant values for borderColor & size

Co-authored-by: Nidhi Kumari <nidhi.kumari@consensys.net>

---------

Co-authored-by: Nidhi Kumari <nidhi.kumari@consensys.net>
This commit is contained in:
Jase Balderrama 2023-07-12 10:47:15 -07:00 committed by GitHub
parent beffc0611f
commit c7782563c8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
ui/components/app/connected-sites-list/connected-sites-list.component.js
View File

@ -1,9 +1,10 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import Button from '../../ui/button'; import Button from '../../ui/button';
import SiteIcon from '../../ui/site-icon'; import { AvatarFavicon } from '../../component-library';
import { stripHttpsSchemeWithoutPort } from '../../../helpers/utils/util'; import { stripHttpsSchemeWithoutPort } from '../../../helpers/utils/util';
import SiteOrigin from '../../ui/site-origin'; import SiteOrigin from '../../ui/site-origin';
import { BorderColor, Size } from '../../../helpers/constants/design-system';
export default class ConnectedSitesList extends Component { export default class ConnectedSitesList extends Component {
static contextTypes = { static contextTypes = {
@ -33,11 +34,12 @@ export default class ConnectedSitesList extends Component {
className="connected-sites-list__content-row" className="connected-sites-list__content-row"
> >
<div className="connected-sites-list__subject-info"> <div className="connected-sites-list__subject-info">
<SiteIcon <AvatarFavicon
icon={subject.iconUrl} borderColor={BorderColor.borderMuted}
name={subject.name}
size={32}
className="connected-sites-list__subject-icon" className="connected-sites-list__subject-icon"
name={subject.name}
size={Size.MD}
src={subject.iconUrl}
/> />
<SiteOrigin <SiteOrigin
className="connected-sites-list__subject-name" className="connected-sites-list__subject-name"