Function ManageWallets

screen/wallets/ManageWallets.tsx:127–694

()

};

const ManageWallets: React.FC = () => {
  const { colors, closeImage, dark } = useTheme();
  const { wallets: persistedWallets, setWalletsWithNewOrder, txMetadata } = useStorage();
  const initialWalletsRef = useRef<TWallet[]>(deepCopyWallets(persistedWallets));
  const { navigate, setOptions, goBack } = useExtendedNavigation();
  const { direction } = useLocale();
  const [state, dispatch] = useReducer(reducer, initialState);
  const bounceAnim = useBounceAnimation(state.searchQuery);
  const stylesHook = {
    noResultsText: {
      color: colors.foregroundColor,
      writingDirection: direction,
    },
    clearSearchButton: {
      backgroundColor: colors.buttonBackgroundColor,
    },
  };
  const [noResultsOpacity] = useState(new Animated.Value(0));

  const [dragging, setDragging] = useState(false);
  const searchTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
  const debouncedSearch = useCallback((text: string) => {
    if (searchTimerRef.current) clearTimeout(searchTimerRef.current);
    if (text.length === 0) {
      dispatch({ type: SET_SEARCH_QUERY, payload: '' });
      return;
    }
    searchTimerRef.current = setTimeout(() => {
      startTransition(() => {
        dispatch({ type: SET_SEARCH_QUERY, payload: text });
      });
    }, 300);
  }, []);

  useEffect(() => {
    return () => {
      if (searchTimerRef.current) clearTimeout(searchTimerRef.current);
    };
  }, []);

  const getFilteredWalletsData = useCallback((search: string, walletsSource: TWallet[], metadataSource: TTXMetadata): Item[] => {
    if (search) {
      const lowerQuery = search.toLowerCase();

      const walletsWithMatches = new Map<
        string,
        {
          wallet: TWallet;
          transactions: TransactionItem[];
          addresses: AddressItem[];
        }
      >();

      const walletIdSet = new Set(walletsSource.map(wallet => wallet.getID()));

      const matchingTxids = Object.entries(metadataSource).filter(
        ([_, metadata]) => metadata.memo && metadata.memo.toLowerCase().includes(lowerQuery),
      );