mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
300bfd6e69
* adds component, styles and storybook file * wip * prettier and adds test * prettier * lint * review fix * lint * updates to IconSize, IconName
94 lines
2.8 KiB
Plaintext
94 lines
2.8 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`ComplianceModal should render the correct content 1`] = `
|
|
<div>
|
|
<div
|
|
class="modal-container"
|
|
>
|
|
<div
|
|
class="modal-container__content"
|
|
>
|
|
<div
|
|
class="box box--flex-direction-row"
|
|
>
|
|
<header
|
|
class="box box--display-flex box--flex-direction-row box--justify-content-space-between"
|
|
>
|
|
<div
|
|
class="box box--display-flex box--flex-direction-row box--justify-content-flex-start box--align-items-center"
|
|
>
|
|
<img
|
|
alt="Codefi Compliance"
|
|
height="32"
|
|
src="images/compliance-logo-small.svg"
|
|
width="32"
|
|
/>
|
|
<h4
|
|
class="box mm-text mm-text--body-md box--margin-left-2 box--flex-direction-row box--color-text-default"
|
|
>
|
|
[codefiCompliance]
|
|
</h4>
|
|
</div>
|
|
<button
|
|
aria-label="[close]"
|
|
class="box mm-button-icon mm-button-icon--size-sm box--display-inline-flex box--flex-direction-row box--justify-content-center box--align-items-center box--color-icon-default box--background-color-transparent box--rounded-lg"
|
|
data-testid="compliance-modal-close"
|
|
>
|
|
<span
|
|
class="box mm-icon mm-icon--size-sm box--display-inline-block box--flex-direction-row box--color-inherit"
|
|
style="mask-image: url('./images/icons/close.svg');"
|
|
/>
|
|
</button>
|
|
</header>
|
|
<p
|
|
class="box mm-text mm-text--body-md box--padding-bottom-3 box--flex-direction-row box--color-text-alternative"
|
|
data-testid="compliance-info"
|
|
>
|
|
[complianceBlurb0]
|
|
</p>
|
|
<p
|
|
class="box mm-text mm-text--body-md box--padding-bottom-3 box--flex-direction-row box--color-text-alternative"
|
|
>
|
|
[complianceBlurb1]
|
|
</p>
|
|
<p
|
|
class="box mm-text mm-text--body-md box--padding-bottom-3 box--flex-direction-row box--color-text-alternative"
|
|
>
|
|
[complianceBlurpStep0]
|
|
</p>
|
|
<ol
|
|
data-testid="compliance-bullets"
|
|
>
|
|
<li>
|
|
[complianceBlurbStep1]
|
|
</li>
|
|
<li>
|
|
[complianceBlurbStep2]
|
|
</li>
|
|
<li>
|
|
[complianceBlurbStep3]
|
|
</li>
|
|
<li>
|
|
[complianceBlurbStep4]
|
|
</li>
|
|
<li>
|
|
[complianceBlurbStep5]
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="modal-container__footer"
|
|
>
|
|
<button
|
|
class="button btn--rounded btn-primary modal-container__footer-button"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
[openCodefiCompliance]
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|