Merge pull request #2735 from CityOfZion/CU-86dtnhvkm

86dtnhvkm - NEON2 - Migration - Implement deeplinking so the user can continue migration on NEON3 automatically
CityOfZion · Jun 12, 2024 · 5c91bee · 5c91bee
2 parents 20bf5da + 156acd0
commit 5c91bee
Show file tree

Hide file tree

Showing 17 changed files with 38 additions and 0 deletions.
diff --git a/__tests__/components/__snapshots__/NetworkConfigurationTooltip.test.js.snap b/__tests__/components/__snapshots__/NetworkConfigurationTooltip.test.js.snap
@@ -178,6 +178,7 @@ exports[`NetworkConfigurationTooltip renders without crashing 1`] = `
             "migrateWalletsNeon3Step2NextStep": "When you’ve defined a location to save your migration file, move to the next step.",
             "migrateWalletsNeon3Step2Title": "Export your NEON 2 accounts",
             "migrateWalletsNeon3Step3AltImage": "Migrate Wallets Background Image",
+            "migrateWalletsNeon3Step3Button": "Complete the process in new NEON",
             "migrateWalletsNeon3Step3Description": "You’re almost there!",
             "migrateWalletsNeon3Step3Description2": "In order to complete the migration process, open NEON 3 and follow the instructions.",
             "migrateWalletsNeon3Step3Title": "Open NEON 3",
@@ -865,6 +866,7 @@ exports[`NetworkConfigurationTooltip renders without crashing 1`] = `
                                         "migrateWalletsNeon3Step2NextStep": "When you’ve defined a location to save your migration file, move to the next step.",
                                         "migrateWalletsNeon3Step2Title": "Export your NEON 2 accounts",
                                         "migrateWalletsNeon3Step3AltImage": "Migrate Wallets Background Image",
+                                        "migrateWalletsNeon3Step3Button": "Complete the process in new NEON",
                                         "migrateWalletsNeon3Step3Description": "You’re almost there!",
                                         "migrateWalletsNeon3Step3Description2": "In order to complete the migration process, open NEON 3 and follow the instructions.",
                                         "migrateWalletsNeon3Step3Title": "Open NEON 3",
@@ -1404,6 +1406,7 @@ exports[`renderNode with a node that has fallen out of top 21 renders warningico
           "migrateWalletsNeon3Step2NextStep": "When you’ve defined a location to save your migration file, move to the next step.",
           "migrateWalletsNeon3Step2Title": "Export your NEON 2 accounts",
           "migrateWalletsNeon3Step3AltImage": "Migrate Wallets Background Image",
+          "migrateWalletsNeon3Step3Button": "Complete the process in new NEON",
           "migrateWalletsNeon3Step3Description": "You’re almost there!",
           "migrateWalletsNeon3Step3Description2": "In order to complete the migration process, open NEON 3 and follow the instructions.",
           "migrateWalletsNeon3Step3Title": "Open NEON 3",
@@ -1798,6 +1801,7 @@ exports[`renderNode with a vote renders warningicon with no vote 1`] = `
           "migrateWalletsNeon3Step2NextStep": "When you’ve defined a location to save your migration file, move to the next step.",
           "migrateWalletsNeon3Step2Title": "Export your NEON 2 accounts",
           "migrateWalletsNeon3Step3AltImage": "Migrate Wallets Background Image",
+          "migrateWalletsNeon3Step3Button": "Complete the process in new NEON",
           "migrateWalletsNeon3Step3Description": "You’re almost there!",
           "migrateWalletsNeon3Step3Description2": "In order to complete the migration process, open NEON 3 and follow the instructions.",
           "migrateWalletsNeon3Step3Title": "Open NEON 3",
@@ -2186,6 +2190,7 @@ exports[`renderNode with no vote renders warningicon with no vote 1`] = `
           "migrateWalletsNeon3Step2NextStep": "When you’ve defined a location to save your migration file, move to the next step.",
           "migrateWalletsNeon3Step2Title": "Export your NEON 2 accounts",
           "migrateWalletsNeon3Step3AltImage": "Migrate Wallets Background Image",
+          "migrateWalletsNeon3Step3Button": "Complete the process in new NEON",
           "migrateWalletsNeon3Step3Description": "You’re almost there!",
           "migrateWalletsNeon3Step3Description2": "In order to complete the migration process, open NEON 3 and follow the instructions.",
           "migrateWalletsNeon3Step3Title": "Open NEON 3",

diff --git a/__tests__/components/__snapshots__/NetworkSwitch.test.js.snap b/__tests__/components/__snapshots__/NetworkSwitch.test.js.snap
@@ -153,6 +153,7 @@ exports[`NetworkSwitch renders without crashing 1`] = `
       "migrateWalletsNeon3Step2NextStep": "When you’ve defined a location to save your migration file, move to the next step.",
       "migrateWalletsNeon3Step2Title": "Export your NEON 2 accounts",
       "migrateWalletsNeon3Step3AltImage": "Migrate Wallets Background Image",
+      "migrateWalletsNeon3Step3Button": "Complete the process in new NEON",
       "migrateWalletsNeon3Step3Description": "You’re almost there!",
       "migrateWalletsNeon3Step3Description2": "In order to complete the migration process, open NEON 3 and follow the instructions.",
       "migrateWalletsNeon3Step3Title": "Open NEON 3",

diff --git a/__tests__/components/__snapshots__/News.test.js.snap b/__tests__/components/__snapshots__/News.test.js.snap
@@ -166,6 +166,7 @@ exports[`News renders without crashing 1`] = `
           "migrateWalletsNeon3Step2NextStep": "When you’ve defined a location to save your migration file, move to the next step.",
           "migrateWalletsNeon3Step2Title": "Export your NEON 2 accounts",
           "migrateWalletsNeon3Step3AltImage": "Migrate Wallets Background Image",
+          "migrateWalletsNeon3Step3Button": "Complete the process in new NEON",
           "migrateWalletsNeon3Step3Description": "You’re almost there!",
           "migrateWalletsNeon3Step3Description2": "In order to complete the migration process, open NEON 3 and follow the instructions.",
           "migrateWalletsNeon3Step3Title": "Open NEON 3",

diff --git a/__tests__/components/__snapshots__/Sidebar.test.js.snap b/__tests__/components/__snapshots__/Sidebar.test.js.snap
@@ -167,6 +167,7 @@ exports[`Sidebar renders without crashing 1`] = `
             "migrateWalletsNeon3Step2NextStep": "When you’ve defined a location to save your migration file, move to the next step.",
             "migrateWalletsNeon3Step2Title": "Export your NEON 2 accounts",
             "migrateWalletsNeon3Step3AltImage": "Migrate Wallets Background Image",
+            "migrateWalletsNeon3Step3Button": "Complete the process in new NEON",
             "migrateWalletsNeon3Step3Description": "You’re almost there!",
             "migrateWalletsNeon3Step3Description2": "In order to complete the migration process, open NEON 3 and follow the instructions.",
             "migrateWalletsNeon3Step3Title": "Open NEON 3",
@@ -1901,6 +1902,7 @@ exports[`Sidebar renders without crashing 1`] = `
                                                                               "migrateWalletsNeon3Step2NextStep": "When you’ve defined a location to save your migration file, move to the next step.",
                                                                               "migrateWalletsNeon3Step2Title": "Export your NEON 2 accounts",
                                                                               "migrateWalletsNeon3Step3AltImage": "Migrate Wallets Background Image",
+                                                                              "migrateWalletsNeon3Step3Button": "Complete the process in new NEON",
                                                                               "migrateWalletsNeon3Step3Description": "You’re almost there!",
                                                                               "migrateWalletsNeon3Step3Description2": "In order to complete the migration process, open NEON 3 and follow the instructions.",
                                                                               "migrateWalletsNeon3Step3Title": "Open NEON 3",
@@ -2534,6 +2536,7 @@ exports[`Sidebar renders without crashing 1`] = `
                                                                                                       "migrateWalletsNeon3Step2NextStep": "When you’ve defined a location to save your migration file, move to the next step.",
                                                                                                       "migrateWalletsNeon3Step2Title": "Export your NEON 2 accounts",
                                                                                                       "migrateWalletsNeon3Step3AltImage": "Migrate Wallets Background Image",
+                                                                                                      "migrateWalletsNeon3Step3Button": "Complete the process in new NEON",
                                                                                                       "migrateWalletsNeon3Step3Description": "You’re almost there!",
                                                                                                       "migrateWalletsNeon3Step3Description2": "In order to complete the migration process, open NEON 3 and follow the instructions.",
                                                                                                       "migrateWalletsNeon3Step3Title": "Open NEON 3",

diff --git a/app/containers/MigrateWalletsNeon3Steps/Step3.jsx b/app/containers/MigrateWalletsNeon3Steps/Step3.jsx
@@ -4,11 +4,17 @@ import { FormattedMessage } from 'react-intl'
 import styles from './Step3.scss'
 import migrateWalletsIconDark from '../../assets/images/migrate-wallets-icon-dark.png'
 import migrateWalletsIconWhite from '../../assets/images/migrate-wallets-icon-white.png'
+import ExternalIcon from '../../assets/icons/external.svg'
+import Button from '../../components/Button'
 
 type Props = {
   theme: string,
 }
 
+const openNeon3Click = () => {
+  window.open('neon3://migration')
+}
+
 const MigrateWalletsNeon3Step3 = ({ theme }: Props) => (
   <div className={styles.container}>
     <div className={styles.content}>
@@ -37,6 +43,16 @@ const MigrateWalletsNeon3Step3 = ({ theme }: Props) => (
           />
         )}
       </FormattedMessage>
+
+      <Button
+        primary
+        className={styles.nextButton}
+        contentClassName={styles.nextButtonContent}
+        onClick={openNeon3Click}
+      >
+        <FormattedMessage id="migrateWalletsNeon3Step3Button" />
+        <ExternalIcon />
+      </Button>
     </div>
   </div>
 )

diff --git a/app/translations/arabic.js b/app/translations/arabic.js
@@ -404,6 +404,7 @@ const MIGRATE_WALLETS_NEON3_STEPS = {
   migrateWalletsNeon3Step3Description: "أنت على وشك الانتهاء!",
   migrateWalletsNeon3Step3Description2: "لإكمال عملية الترحيل، افتح NEON 3 واتبع التعليمات.",
   migrateWalletsNeon3Step3AltImage: "صورة خلفية ترحيل المحافظ",
+  migrateWalletsNeon3Step3Button: "أكمل العملية في نيو NEON",
 }
 
 

diff --git a/app/translations/chinese.js b/app/translations/chinese.js
@@ -386,6 +386,7 @@ const MIGRATE_WALLETS_NEON3_STEPS = {
   migrateWalletsNeon3Step3Description: "您就快完成了！",
   migrateWalletsNeon3Step3Description2: "为了完成迁移过程，请打开 NEON 3 并按照说明操作。",
   migrateWalletsNeon3Step3AltImage: "迁移钱包背景图片",
+  migrateWalletsNeon3Step3Button: "在新的NEON中完成过程",
 }
 
 

diff --git a/app/translations/dutch.js b/app/translations/dutch.js
@@ -411,6 +411,7 @@ const MIGRATE_WALLETS_NEON3_STEPS = {
   migrateWalletsNeon3Step3Description: "U bent er bijna!",
   migrateWalletsNeon3Step3Description2: "Om het migratieproces te voltooien, opent u NEON 3 en volgt u de instructies.",
   migrateWalletsNeon3Step3AltImage: "Achtergrondafbeelding portefeuilles migreren",
+  migrateWalletsNeon3Step3Button: "Voltooi het proces in nieuwe NEON",
 }
 
 

diff --git a/app/translations/english.js b/app/translations/english.js
@@ -409,6 +409,7 @@ const MIGRATE_WALLETS_NEON3_STEPS = {
   migrateWalletsNeon3Step3Description: "You’re almost there!",
   migrateWalletsNeon3Step3Description2: "In order to complete the migration process, open NEON 3 and follow the instructions.",
   migrateWalletsNeon3Step3AltImage: "Migrate Wallets Background Image",
+  migrateWalletsNeon3Step3Button: "Complete the process in new NEON",
 
 }
 

diff --git a/app/translations/french.js b/app/translations/french.js
@@ -404,6 +404,7 @@ const MIGRATE_WALLETS_NEON3_STEPS = {
   migrateWalletsNeon3Step3Description: "Vous y êtes presque !",
   migrateWalletsNeon3Step3Description2: "Pour finaliser le processus de migration, ouvrez NEON 3 et suivez les instructions.",
   migrateWalletsNeon3Step3AltImage: "Image de fond de migration des portefeuilles",
+  migrateWalletsNeon3Step3Button: "Complétez le processus dans le nouveau NEON",
 };
 
 

diff --git a/app/translations/german.js b/app/translations/german.js
@@ -413,6 +413,7 @@ const MIGRATE_WALLETS_NEON3_STEPS = {
   migrateWalletsNeon3Step3Description: "Sie sind fast da!",
   migrateWalletsNeon3Step3Description2: "Um den Migrationsprozess abzuschließen, öffnen Sie NEON 3 und befolgen Sie die Anweisungen.",
   migrateWalletsNeon3Step3AltImage: "Hintergrundbild für Wallet-Migration",
+  migrateWalletsNeon3Step3Button: "Vervollständigen Sie den Prozess im neuen NEON",
 };
 
 

diff --git a/app/translations/italian.js b/app/translations/italian.js
@@ -404,6 +404,7 @@ const MIGRATE_WALLETS_NEON3_STEPS = {
   migrateWalletsNeon3Step3Description: "Ci sei quasi!",
   migrateWalletsNeon3Step3Description2: "Per completare il processo di migrazione, apri NEON 3 e segui le istruzioni.",
   migrateWalletsNeon3Step3AltImage: "Immagine di sfondo per la migrazione dei portafogli",
+  migrateWalletsNeon3Step3Button: "Completa il processo nel nuovo NEON",
 };
 
 

diff --git a/app/translations/korean.js b/app/translations/korean.js
@@ -398,6 +398,7 @@ const MIGRATE_WALLETS_NEON3_STEPS = {
   migrateWalletsNeon3Step3Description: "거의 다 왔습니다!",
   migrateWalletsNeon3Step3Description2: "이전 프로세스를 완료하려면 NEON 3을 열고 지시 사항을 따르십시오.",
   migrateWalletsNeon3Step3AltImage: "지갑 이전 배경 이미지",
+  migrateWalletsNeon3Step3Button: "새로운 NEON에서 과정을 완료하십시오",
 };
 
 

diff --git a/app/translations/portuguese.js b/app/translations/portuguese.js
@@ -414,6 +414,7 @@ const MIGRATE_WALLETS_NEON3_STEPS = {
   migrateWalletsNeon3Step3Description: "Você está quase lá!",
   migrateWalletsNeon3Step3Description2: "Para concluir o processo de migração, abra o NEON 3 e siga as instruções.",
   migrateWalletsNeon3Step3AltImage: "Imagem de Fundo para Migração de Carteiras",
+  migrateWalletsNeon3Step3Button: "Complete o processo no novo NEON",
 };
 
 

diff --git a/app/translations/russian.js b/app/translations/russian.js
@@ -411,6 +411,7 @@ const MIGRATE_WALLETS_NEON3_STEPS = {
   migrateWalletsNeon3Step3Description: "Вы почти у цели!",
   migrateWalletsNeon3Step3Description2: "Чтобы завершить процесс миграции, откройте NEON 3 и следуйте инструкциям.",
   migrateWalletsNeon3Step3AltImage: "Фоновое изображение для миграции кошельков",
+  migrateWalletsNeon3Step3Button: "Завершите процесс в новом NEON",
 };
 
 

diff --git a/app/translations/turkish.js b/app/translations/turkish.js
@@ -402,6 +402,7 @@ const MIGRATE_WALLETS_NEON3_STEPS = {
   migrateWalletsNeon3Step3Description: "Neredeyse tamam!",
   migrateWalletsNeon3Step3Description2: "Göç işlemini tamamlamak için NEON 3'ü açın ve talimatları izleyin.",
   migrateWalletsNeon3Step3AltImage: "Cüzdan Göç Arka Planı",
+  migrateWalletsNeon3Step3Button: "Yeni NEON'da süreci tamamlayın",
 };
 
 

diff --git a/app/translations/vietnamese.js b/app/translations/vietnamese.js
@@ -401,6 +401,7 @@ const MIGRATE_WALLETS_NEON3_STEPS = {
   migrateWalletsNeon3Step3Description: "Bạn gần kết thúc!",
   migrateWalletsNeon3Step3Description2: "Để hoàn tất quá trình di dời, hãy mở NEON 3 và tuân theo hướng dẫn.",
   migrateWalletsNeon3Step3AltImage: "Hình nền Di dời Ví",
+  migrateWalletsNeon3Step3Button: "Hoàn thành quy trình trong NEON mới",
 };