diff --git a/Navigation.tsx b/Navigation.tsx index 167f304e5..8dd2e2712 100644 --- a/Navigation.tsx +++ b/Navigation.tsx @@ -26,7 +26,6 @@ import WalletDetails from './screen/wallets/details'; import ExportMultisigCoordinationSetup from './screen/wallets/ExportMultisigCoordinationSetup'; import GenerateWord from './screen/wallets/generateWord'; import WalletsList from './screen/wallets/WalletsList'; -import ReorderWallets from './screen/wallets/reorderWallets'; import SelectWallet from './screen/wallets/selectWallet'; import SignVerify from './screen/wallets/signVerify'; import WalletTransactions from './screen/wallets/transactions'; @@ -73,6 +72,7 @@ import LNDCreateInvoiceRoot from './navigation/LNDCreateInvoiceStack'; import ReceiveDetailsStackRoot from './navigation/ReceiveDetailsStack'; import ScanLndInvoiceRoot from './navigation/ScanLndInvoiceStack'; import { useExtendedNavigation } from './hooks/useExtendedNavigation'; +import ReorderWalletsStackRoot from './navigation/ReorderWalletsStack'; const LDKOpenChannelStack = createNativeStackNavigator(); const LDKOpenChannelRoot = () => { @@ -118,21 +118,6 @@ const ScanQRCodeRoot = () => ( ); -const ReorderWalletsStack = createNativeStackNavigator(); -const ReorderWalletsStackRoot = () => { - const theme = useTheme(); - - return ( - - - - ); -}; - const DrawerListContent = (props: any) => { return ; }; diff --git a/navigation/LazyLoadReorderWalletsStack.tsx b/navigation/LazyLoadReorderWalletsStack.tsx new file mode 100644 index 000000000..39f985456 --- /dev/null +++ b/navigation/LazyLoadReorderWalletsStack.tsx @@ -0,0 +1,10 @@ +import React, { lazy, Suspense } from 'react'; +import { LazyLoadingIndicator } from './LazyLoadingIndicator'; + +const ReorderWallets = lazy(() => import('../screen/wallets/reorderWallets')); + +export const ReorderWalletsComponent = () => ( + }> + + +); diff --git a/navigation/ReorderWalletsStack.tsx b/navigation/ReorderWalletsStack.tsx new file mode 100644 index 000000000..defbd53cb --- /dev/null +++ b/navigation/ReorderWalletsStack.tsx @@ -0,0 +1,30 @@ +import React from 'react'; +import { createNativeStackNavigator } from '@react-navigation/native-stack'; +import { ReorderWalletsComponent } from './LazyLoadReorderWalletsStack'; +import { useTheme } from '../components/themes'; +import navigationStyle from '../components/navigationStyle'; +import loc from '../loc'; + +const Stack = createNativeStackNavigator(); + +const ReorderWalletsStackRoot = () => { + const theme = useTheme(); + + return ( + + + + ); +}; + +export default ReorderWalletsStackRoot; diff --git a/screen/wallets/reorderWallets.js b/screen/wallets/reorderWallets.js index 150e15aa4..ee6f41e22 100644 --- a/screen/wallets/reorderWallets.js +++ b/screen/wallets/reorderWallets.js @@ -1,7 +1,6 @@ import React, { useEffect, useRef, useContext, useState, useLayoutEffect } from 'react'; import { StyleSheet, useColorScheme, Platform } from 'react-native'; import DraggableFlatList, { ScaleDecorator } from 'react-native-draggable-flatlist'; -import navigationStyle from '../../components/navigationStyle'; import loc from '../../loc'; import { BlueStorageContext } from '../../blue_modules/storage-context'; import { GestureHandlerRootView } from 'react-native-gesture-handler'; @@ -66,7 +65,8 @@ const ReorderWallets = () => { placeholder: loc.wallets.search_wallets, }, }); - }, [setSearchQuery, setIsSearchFocused, setOptions]); + // eslint-disable-next-line react-hooks/exhaustive-deps + }, []); const navigateToWallet = wallet => { const walletID = wallet.getID(); @@ -132,13 +132,4 @@ const ReorderWallets = () => { ); }; -ReorderWallets.navigationOptions = navigationStyle( - { - headerBackVisible: false, - headerLargeTitle: true, - closeButton: true, - }, - opts => ({ ...opts, headerTitle: loc.wallets.reorder_title }), -); - export default ReorderWallets;