m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-22 09:57:02 +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 PropTypes from 'prop-types';
import Button from '../../ui/button';
import SiteIcon from '../../ui/site-icon';
import { AvatarFavicon } from '../../component-library';
import { stripHttpsSchemeWithoutPort } from '../../../helpers/utils/util';
import SiteOrigin from '../../ui/site-origin';
import { BorderColor, Size } from '../../../helpers/constants/design-system';
export default class ConnectedSitesList extends Component {
static contextTypes = {
@ -33,11 +34,12 @@ export default class ConnectedSitesList extends Component {
className="connected-sites-list__content-row"
>
<div className="connected-sites-list__subject-info">
<SiteIcon
icon={subject.iconUrl}
name={subject.name}
size={32}
<AvatarFavicon
borderColor={BorderColor.borderMuted}
className="connected-sites-list__subject-icon"
name={subject.name}
size={Size.MD}
src={subject.iconUrl}
/>
<SiteOrigin
className="connected-sites-list__subject-name"