mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-03 14:44:27 +01:00
0bbfd38cc6
* added site connection menu component * reverted change for unlock page * updated snapshot * updated state with useSelector * updated state for connected * updated icons * updated test * updated snapshot * moved component to multichain folder * updated color * added multichain connection to menu bar * updated default color * updated css * updated multichain site with connected site info * updated ui for not connected state * removed scripts * updated lint errors * updated lint errors * updated stories * updated story for not connected to current state * updated story for not connected to current state * updated badge to 16px * updated badge position * updated snapshot * fixed lint errors * updated not connected state icon * updated constants for status and added new locale string
113 lines
3.8 KiB
Plaintext
113 lines
3.8 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`Multichain Connected Site Menu should render the site menu in connected state 1`] = `
|
|
<div>
|
|
<div
|
|
class="box multichain-connected-site-menu box--flex-direction-row"
|
|
data-testid="connection-menu"
|
|
>
|
|
<div>
|
|
<div
|
|
aria-describedby="tippy-tooltip-1"
|
|
class=""
|
|
data-original-title="Account 2 connected"
|
|
data-tooltipped=""
|
|
style="display: inline;"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="box mm-badge-wrapper box--display-inline-block box--flex-direction-row"
|
|
>
|
|
<span
|
|
class="box mm-icon mm-icon--size-lg box--display-inline-block box--flex-direction-row box--color-icon-default"
|
|
style="mask-image: url('./images/icons/global.svg');"
|
|
/>
|
|
<div
|
|
class="box mm-badge-wrapper__badge-container box--flex-direction-row"
|
|
style="bottom: 2px; right: -4px; z-index: 1;"
|
|
>
|
|
<div
|
|
class="box multichain-connected-site-menu__badge box--flex-direction-row box--background-color-success-default box--rounded-full box--border-color-background-default box--border-width-3 box--border-style-solid"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Multichain Connected Site Menu should render the site menu in not connected state 1`] = `
|
|
<div>
|
|
<div
|
|
class="box multichain-connected-site-menu box--flex-direction-row"
|
|
data-testid="connection-menu"
|
|
>
|
|
<div>
|
|
<div
|
|
aria-describedby="tippy-tooltip-2"
|
|
class=""
|
|
data-original-title="No accounts connected"
|
|
data-tooltipped=""
|
|
style="display: inline;"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="box mm-badge-wrapper box--display-inline-block box--flex-direction-row"
|
|
>
|
|
<span
|
|
class="box mm-icon mm-icon--size-lg box--display-inline-block box--flex-direction-row box--color-icon-default"
|
|
style="mask-image: url('./images/icons/global.svg');"
|
|
/>
|
|
<div
|
|
class="box mm-badge-wrapper__badge-container box--flex-direction-row"
|
|
style="bottom: 2px; right: -4px; z-index: 1;"
|
|
>
|
|
<div
|
|
class="box multichain-connected-site-menu__badge box--flex-direction-row box--background-color-icon-alternative box--rounded-full box--border-color-background-default box--border-width-3 box--border-style-solid"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Multichain Connected Site Menu should render the site menu in not connected to current account state 1`] = `
|
|
<div>
|
|
<div
|
|
class="box multichain-connected-site-menu box--flex-direction-row"
|
|
data-testid="connection-menu"
|
|
>
|
|
<div>
|
|
<div
|
|
aria-describedby="tippy-tooltip-3"
|
|
class=""
|
|
data-original-title="Account 2 not connected"
|
|
data-tooltipped=""
|
|
style="display: inline;"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="box mm-badge-wrapper box--display-inline-block box--flex-direction-row"
|
|
>
|
|
<span
|
|
class="box mm-icon mm-icon--size-lg box--display-inline-block box--flex-direction-row box--color-icon-default"
|
|
style="mask-image: url('./images/icons/global.svg');"
|
|
/>
|
|
<div
|
|
class="box mm-badge-wrapper__badge-container box--flex-direction-row"
|
|
style="bottom: 4px; right: -1px; z-index: 1;"
|
|
>
|
|
<div
|
|
class="box multichain-connected-site-menu__badge not-connected box--flex-direction-row box--background-color-background-default box--rounded-full box--border-color-success-default box--border-width-2 box--border-style-solid"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|