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

UX: Use classNames in ConnectedSitesMenu (#20067)

Browse Source 
* UX: Use classNames in ConnectedSitesMenu

* Update snapshots
This commit is contained in:
David Walsh 2023-07-20 18:29:24 -05:00 committed by GitHub
parent 26d7520a84
commit 112511542f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/components/multichain/connected-site-menu/__snapshots__/connected-site-menu.test.js.snap
View File

@ -27,7 +27,7 @@ exports[`Connected Site Menu should render the site menu in connected state 1`]
style="bottom: 2px; right: -4px; z-index: 1;"
>
<div
class="mm-box multichain-connected-site-menu__badge mm-box--background-color-success-default mm-box--rounded-full mm-box--border-color-background-default mm-box--border-width-3 box--border-style-solid"
class="mm-box multichain-connected-site-menu__badge mm-box--background-color-success-default mm-box--rounded-full mm-box--border-color-background-default mm-box--border-width-3 box--border-style-solid"
/>
</div>
</div>
@ -64,7 +64,7 @@ exports[`Connected Site Menu should render the site menu in not connected state
style="bottom: 2px; right: -4px; z-index: 1;"
>
<div
class="mm-box multichain-connected-site-menu__badge mm-box--background-color-icon-alternative mm-box--rounded-full mm-box--border-color-background-default mm-box--border-width-3 box--border-style-solid"
class="mm-box multichain-connected-site-menu__badge mm-box--background-color-icon-alternative mm-box--rounded-full mm-box--border-color-background-default mm-box--border-width-3 box--border-style-solid"
/>
</div>
</div>

8
ui/components/multichain/connected-site-menu/connected-site-menu.js
View File

@ -64,11 +64,9 @@ export const ConnectedSiteMenu = ({
badge={
<Box
backgroundColor={globalMenuColor}
className={`multichain-connected-site-menu__badge ${
status === STATUS_CONNECTED_TO_ANOTHER_ACCOUNT
? 'not-connected'
: ''
}`}
className={classNames('multichain-connected-site-menu__badge', {
'not-connected': status === STATUS_CONNECTED_TO_ANOTHER_ACCOUNT,
})}
borderRadius={BorderRadius.full}
borderColor={
status === STATUS_CONNECTED_TO_ANOTHER_ACCOUNT