fix: make useRecoveryProgressEffect use a switch for better readability

ts/components/registration/hooks/index.tsx

@@ -38,7 +38,8 @@ export const useRecoveryProgressEffect = (props: UseRecoveryProgressEffectProps)
   }, [displayName, ourPubkey]);
 
   useEffect(() => {
-    if (step === AccountRestoration.Loading) {
+    switch (step) {
+      case AccountRestoration.Loading:
         interval = setInterval(() => {
           if (progress < totalProgress) {
             dispatch(setProgress(progress + 1));
@@ -50,9 +51,8 @@ export const useRecoveryProgressEffect = (props: UseRecoveryProgressEffectProps)
             dispatch(setAccountRestorationStep(AccountRestoration.DisplayName));
           }
         }, ONBOARDING_TIMES.RECOVERY_TIMEOUT / totalProgress);
-    }
-
-    if (step === AccountRestoration.Finishing) {
+        break;
+      case AccountRestoration.Finishing:
         interval = setInterval(() => {
           if (progress < totalProgress) {
             dispatch(setProgress(progress + 1));
@@ -63,9 +63,8 @@ export const useRecoveryProgressEffect = (props: UseRecoveryProgressEffectProps)
             dispatch(setAccountRestorationStep(AccountRestoration.Finished));
           }
         }, ONBOARDING_TIMES.RECOVERY_FINISHING / totalProgress);
-    }
-
-    if (step === AccountRestoration.Finished) {
+        break;
+      case AccountRestoration.Finished:
         interval = setInterval(() => {
           clearInterval(interval);
           if (!isEmpty(displayName)) {
@@ -75,9 +74,8 @@ export const useRecoveryProgressEffect = (props: UseRecoveryProgressEffectProps)
             dispatch(setAccountRestorationStep(AccountRestoration.DisplayName));
           }
         }, ONBOARDING_TIMES.RECOVERY_FINISHED);
-    }
-
-    if (step === AccountRestoration.Complete) {
+        break;
+      case AccountRestoration.Complete:
         clearInterval(interval);
         if (!isEmpty(ourPubkey) && !isEmpty(displayName)) {
           void recoveryComplete();
@@ -85,6 +83,8 @@ export const useRecoveryProgressEffect = (props: UseRecoveryProgressEffectProps)
           window.log.debug(`[onboarding] restore account: We don't have a pubkey or display name`);
           dispatch(setAccountRestorationStep(AccountRestoration.DisplayName));
         }
+        break;
+      default:
     }
 
     return () => clearInterval(interval);

ts/components/registration/stages/RestoreAccount.tsx

@@ -169,7 +169,7 @@ export const RestoreAccount = () => {
         dispatch(setRecoveryPasswordError(window.i18n('recoveryPasswordErrorMessageGeneric')));
       }
       window.log.debug(
-        `WIP: [onboarding] restore account: there is a problem with the display nam. Error: ${e.message || e}`
+        `WIP: [onboarding] restore account: there is a problem with the display name. Error: ${e.message || e}`
       );
       dispatch(setAccountRestorationStep(AccountRestoration.RecoveryPassword));
     }