From 140a05eeed936350c1dd2fc5be747f50da8b74d1 Mon Sep 17 00:00:00 2001
From: yumiuehara <yumiueharac@gmail.com>
Date: Wed, 28 Aug 2024 21:16:31 -0300
Subject: [PATCH] CU-86duf5a56 - NEON3 - Onboarding - UX Improvements

---
 src/renderer/src/locales/en/pages.json                |  5 ++++-
 .../src/routes/pages/Welcome/ImportWallet/Step3.tsx   | 11 +++++++++++
 src/shared/@types/i18next-resources.d.ts              |  3 +++
 3 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/renderer/src/locales/en/pages.json b/src/renderer/src/locales/en/pages.json
index 1bf9b489..8562ae68 100644
--- a/src/renderer/src/locales/en/pages.json
+++ b/src/renderer/src/locales/en/pages.json
@@ -60,7 +60,10 @@
         "importEncryptedSubtitle": "Your encrypted key has been recognised, please complete the below fields to continue.",
         "invalidAddress": "Invalid address",
         "unexpectedError": "Unexpected error",
-        "locateFileButtonLabel": "Locate file..."
+        "locateFileButtonLabel": "Locate file...",
+        "neon2Warning": "This file is created during the migration process in your Neon 2 wallet. Start the process in Neon 2 to create the file.",
+        "importSuccess": "Compatible file identified!",
+        "importError": "Compatible file not recognised"
       },
       "step4": {
         "title": "Please be patient, we are now setting up your wallet"
diff --git a/src/renderer/src/routes/pages/Welcome/ImportWallet/Step3.tsx b/src/renderer/src/routes/pages/Welcome/ImportWallet/Step3.tsx
index 7debf754..da845281 100644
--- a/src/renderer/src/routes/pages/Welcome/ImportWallet/Step3.tsx
+++ b/src/renderer/src/routes/pages/Welcome/ImportWallet/Step3.tsx
@@ -2,6 +2,7 @@ import { Fragment, useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
 import { TbFileImport } from 'react-icons/tb'
 import { Location, useLocation, useNavigate } from 'react-router-dom'
+import { Banner } from '@renderer/components/Banner'
 import { Button } from '@renderer/components/Button'
 import { Textarea } from '@renderer/components/Textarea'
 import { UtilsHelper } from '@renderer/helpers/UtilsHelper'
@@ -206,6 +207,16 @@ export const WelcomeImportWalletStep3Page = () => {
           onClick={fileActions.handleBrowse}
         />
 
+        {!fileActions.actionData.path && !fileActions.actionState.errors.path && (
+          <Banner type="warning" message={t('neon2Warning')} className="my-3" />
+        )}
+
+        {fileActions.actionState.errors.path && <Banner type="warning" message={t('importError')} className="my-3" />}
+
+        {fileActions.actionData.path && !fileActions.actionState.errors.path && (
+          <Banner type="success" message={t('importSuccess')} className="my-3" />
+        )}
+
         <Button
           label={commonT('general.next')}
           className="w-64 mt-auto"
diff --git a/src/shared/@types/i18next-resources.d.ts b/src/shared/@types/i18next-resources.d.ts
index e13760f4..fe9823c6 100644
--- a/src/shared/@types/i18next-resources.d.ts
+++ b/src/shared/@types/i18next-resources.d.ts
@@ -790,6 +790,9 @@ interface Resources {
           invalidAddress: 'Invalid address'
           unexpectedError: 'Unexpected error'
           locateFileButtonLabel: 'Locate file...'
+          neon2Warning: 'This file is created during the migration process in your Neon 2 wallet. Start the process in Neon 2 to create the file.'
+          importSuccess: 'Compatible file identified!'
+          importError: 'Compatible file not recognised'
         }
         step4: {
           title: 'Please be patient, we are now setting up your wallet'