You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
246 lines
9.5 KiB
246 lines
9.5 KiB
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`Security Tab should match snapshot 1`] = `
|
|
<div>
|
|
<div
|
|
class="settings-page__body"
|
|
>
|
|
<div
|
|
class="settings-page__content-row"
|
|
>
|
|
<div
|
|
class="settings-page__content-item"
|
|
>
|
|
<span>
|
|
Reveal Secret Recovery Phrase
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="settings-page__content-item"
|
|
>
|
|
<div
|
|
class="settings-page__content-item-col"
|
|
>
|
|
<button
|
|
class="button btn--rounded btn-danger btn--large"
|
|
data-testid="reveal-seed-words"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Reveal Secret Recovery Phrase
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="settings-page__content-row"
|
|
>
|
|
<div
|
|
class="settings-page__content-item"
|
|
>
|
|
<span>
|
|
Show incoming transactions
|
|
</span>
|
|
<div
|
|
class="settings-page__content-description"
|
|
>
|
|
Select this to use Etherscan to show incoming transactions in the transactions list
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="settings-page__content-item"
|
|
>
|
|
<div
|
|
class="settings-page__content-item-col"
|
|
>
|
|
<label
|
|
class="toggle-button toggle-button--on"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
style="display: flex; width: 52px; align-items: center; justify-content: flex-start; position: relative; cursor: pointer; background-color: transparent; border: 0px; padding: 0px; user-select: none;"
|
|
>
|
|
<div
|
|
style="width: 40px; height: 24px; padding: 0px; border-radius: 26px; display: flex; align-items: center; justify-content: center; background-color: rgb(242, 244, 246);"
|
|
>
|
|
<div
|
|
style="font-size: 11px; display: flex; align-items: center; justify-content: center; font-family: 'Helvetica Neue', Helvetica, sans-serif; position: relative; color: rgb(250, 250, 250); margin-top: auto; margin-bottom: auto; line-height: 0; opacity: 1; width: 26px; height: 20px; left: 4px;"
|
|
/>
|
|
<div
|
|
style="font-size: 11px; display: flex; align-items: center; justify-content: center; font-family: 'Helvetica Neue', Helvetica, sans-serif; position: relative; color: rgba(255, 255, 255, 0.6); bottom: 0px; margin-top: auto; margin-bottom: auto; padding-right: 5px; line-height: 0; width: 26px; height: 20px; opacity: 0;"
|
|
/>
|
|
</div>
|
|
<div
|
|
style="position: absolute; height: 100%; top: 0px; left: 0px; display: flex; flex: 1; align-self: stretch; align-items: center; justify-content: flex-start;"
|
|
>
|
|
<div
|
|
style="width: 18px; height: 18px; display: flex; align-self: center; box-shadow: none; border-radius: 50%; box-sizing: border-box; position: relative; background-color: rgb(3, 125, 214); left: 18px;"
|
|
/>
|
|
</div>
|
|
<input
|
|
style="border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px;"
|
|
type="checkbox"
|
|
value="true"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="toggle-button__status"
|
|
>
|
|
<span
|
|
class="toggle-button__label-off"
|
|
>
|
|
Off
|
|
</span>
|
|
<span
|
|
class="toggle-button__label-on"
|
|
>
|
|
On
|
|
</span>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="settings-page__content-row"
|
|
>
|
|
<div
|
|
class="settings-page__content-item"
|
|
>
|
|
<span>
|
|
Use phishing detection
|
|
</span>
|
|
<div
|
|
class="settings-page__content-description"
|
|
>
|
|
Display a warning for phishing domains targeting Ethereum users
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="settings-page__content-item"
|
|
>
|
|
<div
|
|
class="settings-page__content-item-col"
|
|
>
|
|
<label
|
|
class="toggle-button toggle-button--on"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
style="display: flex; width: 52px; align-items: center; justify-content: flex-start; position: relative; cursor: pointer; background-color: transparent; border: 0px; padding: 0px; user-select: none;"
|
|
>
|
|
<div
|
|
style="width: 40px; height: 24px; padding: 0px; border-radius: 26px; display: flex; align-items: center; justify-content: center; background-color: rgb(242, 244, 246);"
|
|
>
|
|
<div
|
|
style="font-size: 11px; display: flex; align-items: center; justify-content: center; font-family: 'Helvetica Neue', Helvetica, sans-serif; position: relative; color: rgb(250, 250, 250); margin-top: auto; margin-bottom: auto; line-height: 0; opacity: 1; width: 26px; height: 20px; left: 4px;"
|
|
/>
|
|
<div
|
|
style="font-size: 11px; display: flex; align-items: center; justify-content: center; font-family: 'Helvetica Neue', Helvetica, sans-serif; position: relative; color: rgba(255, 255, 255, 0.6); bottom: 0px; margin-top: auto; margin-bottom: auto; padding-right: 5px; line-height: 0; width: 26px; height: 20px; opacity: 0;"
|
|
/>
|
|
</div>
|
|
<div
|
|
style="position: absolute; height: 100%; top: 0px; left: 0px; display: flex; flex: 1; align-self: stretch; align-items: center; justify-content: flex-start;"
|
|
>
|
|
<div
|
|
style="width: 18px; height: 18px; display: flex; align-self: center; box-shadow: none; border-radius: 50%; box-sizing: border-box; position: relative; background-color: rgb(3, 125, 214); left: 18px;"
|
|
/>
|
|
</div>
|
|
<input
|
|
style="border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px;"
|
|
type="checkbox"
|
|
value="true"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="toggle-button__status"
|
|
>
|
|
<span
|
|
class="toggle-button__label-off"
|
|
>
|
|
Off
|
|
</span>
|
|
<span
|
|
class="toggle-button__label-on"
|
|
>
|
|
On
|
|
</span>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="settings-page__content-row"
|
|
>
|
|
<div
|
|
class="settings-page__content-item"
|
|
>
|
|
<span>
|
|
Participate in MetaMetrics
|
|
</span>
|
|
<div
|
|
class="settings-page__content-description"
|
|
>
|
|
<span>
|
|
Participate in MetaMetrics to help us make MetaMask better
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="settings-page__content-item"
|
|
>
|
|
<div
|
|
class="settings-page__content-item-col"
|
|
>
|
|
<label
|
|
class="toggle-button toggle-button--off"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
style="display: flex; width: 52px; align-items: center; justify-content: flex-start; position: relative; cursor: pointer; background-color: transparent; border: 0px; padding: 0px; user-select: none;"
|
|
>
|
|
<div
|
|
style="width: 40px; height: 24px; padding: 0px; border-radius: 26px; display: flex; align-items: center; justify-content: center; background-color: rgb(242, 244, 246);"
|
|
>
|
|
<div
|
|
style="font-size: 11px; display: flex; align-items: center; justify-content: center; font-family: 'Helvetica Neue', Helvetica, sans-serif; position: relative; color: rgb(250, 250, 250); margin-top: auto; margin-bottom: auto; line-height: 0; opacity: 0; width: 26px; height: 20px; left: 4px;"
|
|
/>
|
|
<div
|
|
style="font-size: 11px; display: flex; align-items: center; justify-content: center; font-family: 'Helvetica Neue', Helvetica, sans-serif; position: relative; color: rgba(255, 255, 255, 0.6); bottom: 0px; margin-top: auto; margin-bottom: auto; padding-right: 5px; line-height: 0; width: 26px; height: 20px; opacity: 1;"
|
|
/>
|
|
</div>
|
|
<div
|
|
style="position: absolute; height: 100%; top: 0px; left: 0px; display: flex; flex: 1; align-self: stretch; align-items: center; justify-content: flex-start;"
|
|
>
|
|
<div
|
|
style="width: 18px; height: 18px; display: flex; align-self: center; box-shadow: none; border-radius: 50%; box-sizing: border-box; position: relative; background-color: rgb(106, 115, 125); left: 3px;"
|
|
/>
|
|
</div>
|
|
<input
|
|
style="border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px;"
|
|
type="checkbox"
|
|
value="false"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="toggle-button__status"
|
|
>
|
|
<span
|
|
class="toggle-button__label-off"
|
|
>
|
|
Off
|
|
</span>
|
|
<span
|
|
class="toggle-button__label-on"
|
|
>
|
|
On
|
|
</span>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|