File DexConfirmAddLiquidity.tsx has 390 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { WalletAlert } from "@components/WalletAlert";
import { CTransactionSegWit } from "@defichain/jellyfish-transaction";
import { WhaleWalletAccount } from "@defichain/whale-api-wallet";
import { NavigationProp, useNavigation } from "@react-navigation/native";
import { StackScreenProps } from "@react-navigation/stack";

Function OceanInterface has 209 lines of code (exceeds 100 allowed). Consider refactoring.

Open

export function OceanInterface(): JSX.Element | null {
  const logger = useLogger();
  const dispatch = useAppDispatch();
  const client = useWhaleApiClient();
  const { wallet, address } = useWalletContext();

File CFPDetailScreen.tsx has 383 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { useCallback, useEffect, useMemo, useState } from "react";
import { translate } from "@translations";
import { ThemedTextV2 } from "@components/themed";
import { tailwind } from "@tailwind";
import { ProposalURLInput } from "@screens/AppNavigator/screens/Portfolio/components/ProposalURLInput";

File VaultDetailScreen.tsx has 382 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { ThemedScrollViewV2 } from "@components/themed";
import { StackScreenProps } from "@react-navigation/stack";
import { tailwind } from "@tailwind";
import { useEffect, useState } from "react";
import { Platform, View } from "react-native";

File AddressRow.tsx has 376 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { View } from "react-native";
import { tailwind } from "@tailwind";
import { translate } from "@translations";
import { AddressType } from "@waveshq/walletkit-ui/dist/store";
import {

File Announcements.tsx has 373 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import {
  ThemedIcon,
  ThemedProps,
  ThemedText,
  ThemedTextV2,

File WithdrawFutureSwapScreen.tsx has 371 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { useEffect, useMemo, useState } from "react";
import BigNumber from "bignumber.js";
import { StackScreenProps } from "@react-navigation/stack";
import { tailwind } from "@tailwind";
import { translate } from "@translations";

File ConfirmEditLoanSchemeScreen.tsx has 370 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import {
  ThemedScrollViewV2,
  ThemedTextV2,
  ThemedViewV2,
} from "@components/themed";

File SettingsScreen.tsx has 369 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import {
  ThemedIcon,
  ThemedScrollViewV2,
  ThemedSectionTitleV2,
  ThemedTextV2,

File AuctionDetailScreen.tsx has 367 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { useState, useEffect } from "react";
import { View } from "react-native";
import { useSelector, batch as reduxBatch } from "react-redux";
import { NumericFormat as NumberFormat } from "react-number-format";
import BigNumber from "bignumber.js";

File ConfirmPaybackLoanScreen.tsx has 366 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { View } from "react-native";
import {
  ThemedScrollViewV2,
  ThemedTextV2,
  ThemedViewV2,

Function ActionButtons has 194 lines of code (exceeds 100 allowed). Consider refactoring.

Open

export function ActionButtons(): JSX.Element {
  const { isFeatureAvailable } = useFeatureFlagContext();
  const { domain, isEvmFeatureEnabled } = useDomainContext();
  const isEvmDomain = domain === DomainType.EVM;

Function CreateOrEditAddressLabelForm has a Cognitive Complexity of 32 (exceeds 5 allowed). Consider refactoring.

Open

  ({ route, navigation }: Props): JSX.Element => {
    const { title, address, addressLabel, onSaveButtonPress } = route.params;
    const { isLight } = useThemeContext();
    const { domain } = useDomainContext();
    const { account } = useWalletContext();

• Read up
  Read up

File TokenSelectionScreen.tsx has 364 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { useRef, useState, useMemo } from "react";
import { Image } from "expo-image";
import { View, TextInput } from "react-native";
import { NumericFormat as NumberFormat } from "react-number-format";
import { useSelector } from "react-redux";

File GetDFIScreen.tsx has 361 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import * as Clipboard from "expo-clipboard";
import { StackScreenProps } from "@react-navigation/stack";
import { useCallback, useEffect, useState } from "react";
import { Share, TouchableOpacity, View, Text } from "react-native";
import QRCode from "react-qr-code";

File VaultDetailCollateralsRow.tsx has 356 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import BigNumber from "bignumber.js";
import { useEffect, useState } from "react";
import { ThemedIcon, ThemedTextV2, ThemedViewV2 } from "@components/themed";
import { tailwind } from "@tailwind";
import { View } from "@components";

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      <ThemedViewV2
        dark={tailwind("border-mono-dark-v2-200")}
        light={tailwind("border-mono-light-v2-200")}
        style={tailwind("py-5 border-t-0.5")}
      >

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      <ThemedViewV2
        dark={tailwind("border-mono-dark-v2-200")}
        light={tailwind("border-mono-light-v2-200")}
        style={tailwind("py-5 border-t-0.5")}
      >

• Read up
  Read up

Function PrivacyLockContextProvider has a Cognitive Complexity of 30 (exceeds 5 allowed). Consider refactoring.

Open

export function PrivacyLockContextProvider(
  props: React.PropsWithChildren<any>
): JSX.Element | null {
  const logger = useLogger();
  const [hasHardware, setHasHardware] = useState<boolean>(false);

• Read up
  Read up

File ViewPoolDetails.tsx has 350 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { View, Platform } from "react-native";
import { memo } from "react";
import { tailwind } from "@tailwind";
import BigNumber from "bignumber.js";
import { ThemedTextV2, ThemedViewV2 } from "@components/themed";