refactor(cashier onboarding): refactor code (apply memorization)

deriv-com · Aug 22, 2022 · d2433e8 · d2433e8
1 parent f894fe1
commit d2433e8
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/packages/cashier/src/components/cashier-onboarding/cashier-onboarding.jsx b/packages/cashier/src/components/cashier-onboarding/cashier-onboarding.jsx
@@ -37,10 +37,18 @@ const CashierOnboarding = ({
 }) => {
     const history = useHistory();
     const is_crypto = !!currency && isCryptocurrency(currency);
-    const has_crypto_account = Object.values(accounts).some(acc_settings => isCryptocurrency(acc_settings.currency));
-    const has_fiat_account = Object.values(accounts).some(
-        acc_settings => !acc_settings.is_virtual && !isCryptocurrency(acc_settings.currency)
+    const has_crypto_account = React.useMemo(
+        () => Object.values(accounts).some(acc_settings => isCryptocurrency(acc_settings.currency)),
+        [accounts]
     );
+    const has_fiat_account = React.useMemo(
+        () =>
+            Object.values(accounts).some(
+                acc_settings => !acc_settings.is_virtual && !isCryptocurrency(acc_settings.currency)
+            ),
+        [accounts]
+    );
+
     const is_currency_banner_visible =
         (!is_crypto && !can_change_fiat_currency) || (is_crypto && available_crypto_currencies.length > 0);