File AboutScreen.tsx has 331 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { Feather, MaterialCommunityIcons } from "@expo/vector-icons";
import { Image } from "expo-image";
import { ImageBackground, View } from "react-native";
import { AppIcon } from "@components/icons/AppIcon";
import {

File LoansNavigator.tsx has 331 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { createStackNavigator } from "@react-navigation/stack";
import { HeaderFont } from "@components/Text";
import { HeaderTitle } from "@components/HeaderTitle";
import { translate } from "@translations";
import BigNumber from "bignumber.js";

Function AddOrRemoveCollateralForm has a Cognitive Complexity of 27 (exceeds 5 allowed). Consider refactoring.

Open

  ({ route }: Props): JSX.Element => {
    const { isLight } = useThemeContext();
    const {
      token,
      activePrice,

• Read up
  Read up

File SlippageTolerance.tsx has 328 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import {
  ThemedIcon,
  ThemedTextV2,
  ThemedTouchableOpacityV2,
  ThemedViewV2,

Function TransactionAuthorization has a Cognitive Complexity of 26 (exceeds 5 allowed). Consider refactoring.

Open

export function TransactionAuthorization(): JSX.Element | null {
  const { data: providerData } = useWalletNodeContext();
  const { clearWallets } = useWalletPersistenceContext();
  const { network } = useNetworkContext();
  const whaleApiClient = useWhaleApiClient();

• Read up
  Read up

Function BottomSheetAddressDetailV2 has a Cognitive Complexity of 26 (exceeds 5 allowed). Consider refactoring.

Open

export const BottomSheetAddressDetailV2 = (
  props: BottomSheetAddressDetailProps,
): React.MemoExoticComponent<() => JSX.Element> =>
  memo(() => {
    const { isLight } = useThemeContext();

• Read up
  Read up

Function ConfirmPlaceBidScreen has 168 lines of code (exceeds 100 allowed). Consider refactoring.

Open

export function ConfirmPlaceBidScreen(props: Props): JSX.Element {
  const navigation = useNavigation<NavigationProp<AuctionsParamList>>();
  const dispatch = useAppDispatch();
  const logger = useLogger();
  const hasPendingJob = useSelector((state: RootState) =>

Function SummaryTitle has 166 lines of code (exceeds 100 allowed). Consider refactoring.

Open

export function SummaryTitle(props: ISummaryTitleProps): JSX.Element {
  const IconA = getNativeIcon(props.iconA);
  const IconB =
    props.iconB !== undefined ? getNativeIcon(props.iconB) : undefined;
  const { networkName } = useNetworkContext();

File OceanInterface.tsx has 316 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import {
  getMetaScanTxUrl,
  useDeFiScanContext,
} from "@shared-contexts/DeFiScanContext";
import { useWalletContext } from "@shared-contexts/WalletContext";

Function PaybackLoanScreen has a Cognitive Complexity of 25 (exceeds 5 allowed). Consider refactoring.

Open

export function PaybackLoanScreen({ navigation, route }: Props): JSX.Element {
  const routeParams = route.params;
  const client = useWhaleApiClient();
  const dispatch = useAppDispatch();
  const [vault, setVault] = useState(routeParams.vault);

• Read up
  Read up

Function ActionButtons has a Cognitive Complexity of 25 (exceeds 5 allowed). Consider refactoring.

Open

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

• Read up
  Read up

Function DFIPDetailScreen has 163 lines of code (exceeds 100 allowed). Consider refactoring.

Open

export function DFIPDetailScreen(): JSX.Element {
  const logger = useLogger();
  const dispatch = useAppDispatch();
  const navigation = useNavigation<NavigationProp<PortfolioParamList>>();
  const { isLight } = useThemeContext();

Function send has a Cognitive Complexity of 24 (exceeds 5 allowed). Consider refactoring.

Open

async function send(
  { address, token, amount, domain, networkName, nonce, chainId }: SendForm,
  dispatch: Dispatch<any>,
  onBroadcast: () => void,
  logger: NativeLoggingProps,

• Read up
  Read up

Function BorrowLoanTokenScreen has a Cognitive Complexity of 24 (exceeds 5 allowed). Consider refactoring.

Open

export function BorrowLoanTokenScreen({
  route,
  navigation,
}: Props): JSX.Element {
  const client = useWhaleApiClient();

• Read up
  Read up

Function ConfirmSummaryTitle has 160 lines of code (exceeds 100 allowed). Consider refactoring.

Open

export function ConfirmSummaryTitle(
  props: ConfirmSummaryTitleV2Props
): JSX.Element {
  const IconA = getNativeIcon(props.iconA);
  const IconB = getNativeIcon(props.iconB);

Function WalletTextInput has 160 lines of code (exceeds 100 allowed). Consider refactoring.

Open

  (props: WalletTextInputProps, ref: React.Ref<any>): JSX.Element => {
    const [isFocus, setIsFocus] = useState(false);
    const {
      title,
      titleTestID,

File DexConfirmRemoveLiquidity.tsx has 308 lines of code (exceeds 250 allowed). Consider refactoring.

Open

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

File EditLoanSchemeScreen.tsx has 307 lines of code (exceeds 250 allowed). Consider refactoring.

Open

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

File BatchCard.tsx has 305 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import * as React from "react";
import { memo, useMemo, useState } from "react";
import { Text, View, LayoutChangeEvent } from "react-native";
import {
  ThemedText,

Function TotalPortfolio has 157 lines of code (exceeds 100 allowed). Consider refactoring.

Open

export function TotalPortfolio(props: TotalPortfolioProps): JSX.Element {
  const { hasFetchedToken } = useSelector((state: RootState) => state.wallet);
  const { domain } = useDomainContext();
  const isEvmDomain = domain === DomainType.EVM;
  const { hasFetchedVaultsData } = useSelector(