mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
a85a4cf97e
* feat(878): add new incomingTxn component and change styles of settings * feat(878): relocate openSea tab from rebase regression * feat(878): make UI and test modifications * feat(878): transfer to ts * feat(878): rename network-toggle.tsx
226 lines
9.6 KiB
Plaintext
226 lines
9.6 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`ExperimentalTab with desktop enabled renders ExperimentalTab component without error 1`] = `
|
|
<div>
|
|
<div
|
|
class="settings-page__body"
|
|
>
|
|
<h4
|
|
class="mm-box mm-text mm-text--heading-sm mm-box--margin-bottom-2 mm-box--color-text-alternative"
|
|
>
|
|
Security
|
|
</h4>
|
|
<div
|
|
class="settings-page__content-row settings-page__content-row-experimental"
|
|
>
|
|
<div
|
|
class="settings-page__content-item"
|
|
>
|
|
<span>
|
|
Security alerts
|
|
</span>
|
|
<div
|
|
class="settings-page__content-description"
|
|
>
|
|
<p
|
|
class="mm-box mm-text mm-text--body-sm mm-box--color-text-alternative"
|
|
>
|
|
This feature alerts you to malicious activity by locally reviewing your transactions and signature requests. Your data isn't shared with the third parties providing this service. Always do your own due diligence before approving any requests. There's no guarantee that this feature will detect all malicious activity.
|
|
</p>
|
|
<p
|
|
class="mm-box mm-text mm-text--body-sm mm-box--color-text-alternative"
|
|
>
|
|
Always be sure to do your own due diligence before approving any requests. There's no guarantee all mailcious activity will be detected by this feature.
|
|
</p>
|
|
<p
|
|
class="mm-box mm-text mm-text--body-sm mm-box--margin-top-3 mm-box--margin-bottom-1 mm-box--color-text-alternative"
|
|
>
|
|
Select providers:
|
|
</p>
|
|
<div
|
|
class="settings-page__content-item-col settings-page__content-item-col-open-sea"
|
|
>
|
|
<p
|
|
class="mm-box mm-text mm-text--body-md mm-box--margin-bottom-0 mm-box--color-text-default"
|
|
>
|
|
Blockaid
|
|
</p>
|
|
<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"
|
|
/>
|
|
<span
|
|
class="toggle-button__label-on"
|
|
/>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<p
|
|
class="mm-box mm-text mm-text--body-md mm-box--margin-top-2 mm-box--color-text-muted"
|
|
>
|
|
More providers coming soon
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<h4
|
|
class="mm-box mm-text mm-text--heading-sm mm-text--font-weight-bold mm-box--margin-bottom-2 mm-box--color-text-alternative"
|
|
>
|
|
Privacy
|
|
</h4>
|
|
<div
|
|
class="mm-box settings-page__content-row settings-page__content-row-experimental mm-box--margin-bottom-3"
|
|
>
|
|
<div
|
|
class="settings-page__content-item"
|
|
>
|
|
<span>
|
|
Enable security alerts
|
|
</span>
|
|
<div
|
|
class="settings-page__content-description"
|
|
>
|
|
<h6
|
|
class="mm-box mm-text mm-text--body-sm mm-box--color-text-alternative"
|
|
>
|
|
We use third-party APIs to detect and display risks involved in unsigned transaction and signature requests before you sign them. These services will have access to your unsigned transaction and signature requests, your account address, and your preferred language.
|
|
</h6>
|
|
<h6
|
|
class="mm-box mm-text mm-text--body-sm mm-box--margin-top-3 mm-box--margin-bottom-1 mm-box--color-text-alternative"
|
|
>
|
|
Select providers:
|
|
</h6>
|
|
<div
|
|
class="settings-page__content-item-col settings-page__content-item-col-open-sea"
|
|
>
|
|
<h5
|
|
class="mm-box mm-text mm-text--body-md mm-text--font-weight-medium mm-box--margin-bottom-0 mm-box--color-text-default"
|
|
>
|
|
OpenSea + Blockaid (Beta)
|
|
</h5>
|
|
<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"
|
|
/>
|
|
<span
|
|
class="toggle-button__label-on"
|
|
/>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<h6
|
|
class="mm-box mm-text mm-text--body-sm mm-box--margin-top-0 mm-box--color-text-alternative"
|
|
>
|
|
<span>
|
|
|
|
This service is experimental. By enabling this feature, you agree to OpenSea's
|
|
<a
|
|
href="http://opensea.io/securityproviderterms"
|
|
rel="noopener noreferrer"
|
|
target="_blank"
|
|
>
|
|
terms of use
|
|
</a>
|
|
.
|
|
|
|
</span>
|
|
</h6>
|
|
<h5
|
|
class="mm-box mm-text mm-text--body-md mm-text--font-weight-medium mm-box--margin-top-2 mm-box--color-text-muted"
|
|
>
|
|
More providers coming soon
|
|
</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="mm-box settings-page__content-row mm-box--display-flex mm-box--flex-direction-row mm-box--justify-content-space-between"
|
|
data-testid="advanced-setting-desktop-pairing"
|
|
>
|
|
<div
|
|
class="settings-page__content-item"
|
|
>
|
|
<span>
|
|
Click to run all background processes in the desktop app.
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="settings-page__content-item-col"
|
|
>
|
|
<button
|
|
class="button btn--rounded btn-primary btn--large"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Disable Desktop App
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|