From 41f6fe4c701a9e2956c60db9360075dca0d1c688 Mon Sep 17 00:00:00 2001 From: Danny Cho Date: Fri, 5 Jan 2024 11:43:20 +1300 Subject: [PATCH 1/2] feat: transfer wizard static page update --- .../src/routes/TransferWizardWrapper.js | 42 ++----------------- 1 file changed, 3 insertions(+), 39 deletions(-) diff --git a/packages/frontend/src/routes/TransferWizardWrapper.js b/packages/frontend/src/routes/TransferWizardWrapper.js index 3d7ac2df72..1edd00b291 100644 --- a/packages/frontend/src/routes/TransferWizardWrapper.js +++ b/packages/frontend/src/routes/TransferWizardWrapper.js @@ -139,49 +139,13 @@ export const TransferWizardWrapper = () => {

How does the Wizard Work?

-

The Transfer Wizard is designed to improve the security posture of your connected accounts before migrating them to a new wallet by rotating your keys, cleaning up old keys, and securely transferring your accounts to a new wallet. You can access the Wallet Transfer Wizard from the banner at the top of wallet.near.org.

+

The Transfer Wizard is designed to improve the security posture of your connected accounts before migrating them to a new wallet by securely transferring your accounts to a new wallet. You can access the Wallet Transfer Wizard from the banner at the top of wallet.near.org.

Note: The wizard does not support unfunded accounts (implicit accounts) or accounts using Ledger. You can import your Ledger accounts manually to a supported wallet.
- - - - - - - - - - - -
-

Step 1. Secure Your Accounts

-

The first recommended security step is to rotate your keys, generating a new 12-word recovery phrase. This process is similar to updating your password.

-
    -
  1. Generate a new recovery phrase
    2. -
  2. - Securely write down or save your new recovery phrase -
      -
    1. Confirm the account it recovers
      2. -
    2. Don't confuse it with your old recovery phrase
      3. -
    -
    3. -
  3. Verify your new recovery phrase
    4. -
  4. Keep your new phrase in a safe place
    5. -
- Note: Your recovery phrase grants full access to your account. Keep it in a safe place and never share it with anyone. Pagoda or the NEAR Foundation cannot help recover lost accounts or assets. -
-

Step2. Clean Up Your Keys

-

Next, NEAR wants to reduce the amount of apps that you've shared keys with, similar to revoking access for third-parties. This may cause you to be disconnected from some apps.

-
    -
  1. Review suggested keys to remove (optional)
    2. -
  2. Enter your recovery phrase to confirm removal
    3. -
  3. Remove outdated and unnecessary keys. You may need to log back in to certain apps if you remove their limited access key.
    4. -
-
-

Step 3. Transfer Your Accounts

+

Step 1. Transfer Your Accounts

Next, you will use the Wallet Selector to select your destination wallet and transfer your accounts. It's best to know which wallet you plan to use prior to starting the transfer. List of Supported Wallets

  1. Choose the wallet you want to transfer your accounts to
    2. @@ -198,7 +162,7 @@ export const TransferWizardWrapper = () => {
-

Step 4. Log Out of Near.org

+

Step 2. Log Out of Near.org

The final step is to log out of the NEAR Wallet and begin using your new wallet.

  1. Return to wallet.near.org after successful account transfer and tap "Complete" in the "Complete the Transfer" panel
    2. From cdb76a36212207b05815e321729195e9169d3591 Mon Sep 17 00:00:00 2001 From: Danny Cho Date: Fri, 5 Jan 2024 12:10:31 +1300 Subject: [PATCH 2/2] chore: lint fixes --- packages/frontend/src/routes/TransferWizardWrapper.js | 5 ----- 1 file changed, 5 deletions(-) diff --git a/packages/frontend/src/routes/TransferWizardWrapper.js b/packages/frontend/src/routes/TransferWizardWrapper.js index 1edd00b291..d41d0a3938 100644 --- a/packages/frontend/src/routes/TransferWizardWrapper.js +++ b/packages/frontend/src/routes/TransferWizardWrapper.js @@ -2,9 +2,7 @@ import React from 'react'; import styled from 'styled-components'; import Container from '../components/common/styled/Container.css'; -import cleanUpKeysImg from '../images/wallet-migration/screenshots/clean-up-keys.png'; import logOutImg from '../images/wallet-migration/screenshots/log-out.png'; -import secureAccountsImg from '../images/wallet-migration/screenshots/secure-accounts.png'; import transferAccountsImg from '../images/wallet-migration/screenshots/transfer-your-accounts.png'; const Table = styled.table` @@ -25,9 +23,6 @@ const Warning = styled.p` color: #980000; `; -const Important = styled.p` - color: #ff0000; -`; const ScreenshotImg = styled.img` width: 300px;