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

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;" style="bottom: 2px; right: -4px; z-index: 1;"
> >
<div <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>
</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;" style="bottom: 2px; right: -4px; z-index: 1;"
> >
<div <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>
</div> </div>

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

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