feat: use event from local scope

input-output-hk · Mar 8, 2024 · b1c8acd · b1c8acd
1 parent 0c72d2d
commit b1c8acd
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 19 deletions.
diff --git a/...c/views/browser-view/features/multi-wallet/restore-wallet/steps/RestoreRecoveryPhrase.tsx b/...c/views/browser-view/features/multi-wallet/restore-wallet/steps/RestoreRecoveryPhrase.tsx
@@ -45,22 +45,24 @@ export const RestoreRecoveryPhrase = (): JSX.Element => {
     passphraseError: t('core.walletSetupMnemonicStep.passphraseError')
   };
 
-  const onSubmitForm = useCallback(async () => {
-    event.preventDefault();
-
-    try {
-      const { source } = await createWallet(data);
-      await analytics.sendMergeEvent(source.account.extendedAccountPublicKey);
-    } catch (error) {
-      if (error instanceof WalletConflictError) {
-        toast.notify({ duration: TOAST_DEFAULT_DURATION, text: t('multiWallet.walletAlreadyExists') });
-      } else {
-        throw error;
+  const onSubmitForm = useCallback(
+    async (event: Readonly<React.MouseEvent<HTMLButtonElement>>) => {
+      event.preventDefault();
+      try {
+        const { source } = await createWallet(data);
+        await analytics.sendMergeEvent(source.account.extendedAccountPublicKey);
+      } catch (error) {
+        if (error instanceof WalletConflictError) {
+          toast.notify({ duration: TOAST_DEFAULT_DURATION, text: t('multiWallet.walletAlreadyExists') });
+        } else {
+          throw error;
+        }
       }
-    }
-    clearSecrets();
-    history.push(walletRoutePaths.assets);
-  }, [data, clearSecrets, createWallet, history, t, analytics]);
+      clearSecrets();
+      history.push(walletRoutePaths.assets);
+    },
+    [data, clearSecrets, createWallet, history, t, analytics]
+  );
 
   return (
     <WalletSetupMnemonicVerificationStep

diff --git a/packages/core/src/ui/components/WalletSetup/WalletSetupMnemonicVerificationStep.tsx b/packages/core/src/ui/components/WalletSetup/WalletSetupMnemonicVerificationStep.tsx
@@ -11,7 +11,7 @@ export interface WalletSetupMnemonicVerificationStepProps {
   mnemonic: string[];
   onChange: (words: string[]) => void;
   onCancel: () => void;
-  onSubmit: () => void;
+  onSubmit: (event: Readonly<React.MouseEvent<HTMLButtonElement>>) => void;
   onStepNext?: (currentStep: number) => void;
   isSubmitEnabled: boolean;
   mnemonicWordsInStep?: number;
@@ -43,14 +43,14 @@ export const WalletSetupMnemonicVerificationStep = ({
     onCancel();
   };
 
-  const handleNext = () => {
+  const handleNext = (event: Readonly<React.MouseEvent<HTMLButtonElement>>) => {
     if (onStepNext) onStepNext(mnemonicStep);
     if (mnemonicStep < mnemonicSteps - 1) {
       setMnemonicStep(mnemonicStep + 1);
       return;
     }
 
-    onSubmit();
+    onSubmit(event);
   };
 
   const getStepInfoText = () => {

diff --git a/packages/core/src/ui/components/WalletSetup/WalletSetupStepLayout.tsx b/packages/core/src/ui/components/WalletSetup/WalletSetupStepLayout.tsx
@@ -23,7 +23,7 @@ export interface WalletSetupStepLayoutProps {
   description?: React.ReactNode;
   linkText?: React.ReactNode;
   stepInfoText?: string;
-  onNext?: () => void;
+  onNext?: (event: Readonly<React.MouseEvent<HTMLButtonElement>>) => void;
   onBack?: () => void;
   onSkip?: () => void;
   nextLabel?: string;