fix empty infobox

iotaledger · Jan 14, 2025 · 07cffc1 · 07cffc1
1 parent d90c78f
commit 07cffc1
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/apps/wallet/src/ui/app/components/accounts/ImportRecoveryPhraseForm.tsx b/apps/wallet/src/ui/app/components/accounts/ImportRecoveryPhraseForm.tsx
@@ -18,7 +18,7 @@ import {
     InfoBoxType,
     InfoBoxStyle,
 } from '@iota/apps-ui-kit';
-import { Exclamation } from '@iota/ui-icons';
+import { Warning } from '@iota/ui-icons';
 
 const RECOVERY_PHRASE_WORD_COUNT = 24;
 
@@ -49,7 +49,7 @@ export function ImportRecoveryPhraseForm({
 }: ImportRecoveryPhraseFormProps) {
     const {
         register,
-        formState: { errors, isSubmitting, isValid, touchedFields },
+        formState: { errors, isSubmitting, isValid },
         handleSubmit,
         setValue,
         getValues,
@@ -125,11 +125,11 @@ export function ImportRecoveryPhraseForm({
             </div>
 
             <div className="sticky bottom-0 left-0 flex flex-col gap-2.5 bg-neutral-100 pt-sm dark:bg-neutral-6">
-                {touchedFields.recoveryPhrase && errors.recoveryPhrase && (
+                {errors.recoveryPhrase?.message && (
                     <InfoBox
-                        type={InfoBoxType.Default}
+                        type={InfoBoxType.Error}
                         supportingText={errors.recoveryPhrase.message}
-                        icon={<Exclamation />}
+                        icon={<Warning />}
                         style={InfoBoxStyle.Elevated}
                     />
                 )}