Function useResultingCollateralizationRatioByCollateral has a Cognitive Complexity of 13 (exceeds 5 allowed). Consider refactoring.

Open

export function useResultingCollateralizationRatioByCollateral({
  collateralValue,
  collateralRatio,
  minCollateralRatio,
  totalLoanAmount,

• Read up
  Read up

Function SlippageTolerance has a Cognitive Complexity of 13 (exceeds 5 allowed). Consider refactoring.

Open

export function SlippageTolerance({
  slippage,
  setSlippage,
  slippageError,
  setSlippageError,

• Read up
  Read up

Function useResultingCollateralizationRatioByCollateral has a Cognitive Complexity of 13 (exceeds 5 allowed). Consider refactoring.

Open

export function useResultingCollateralizationRatioByCollateral({
  collateralValue,
  collateralRatio,
  minCollateralRatio,
  totalLoanAmount,

• Read up
  Read up

Function VaultDetailStatus has a Cognitive Complexity of 13 (exceeds 5 allowed). Consider refactoring.

Open

export function VaultDetailStatus({
  vault,
  vaultStatus,
  nextColRatio,
}: VaultDetailStatusProps): JSX.Element {

• Read up
  Read up

Function DFIBalanceCard has a Cognitive Complexity of 13 (exceeds 5 allowed). Consider refactoring.

Open

export function DFIBalanceCard({
  denominationCurrency,
}: DFIBalaceCardProps): JSX.Element {
  const { domain } = useDomainContext();
  const { dvmTokens, evmTokens } = useTokenBalance();

• Read up
  Read up

Function PromptContent has 114 lines of code (exceeds 100 allowed). Consider refactoring.

Open

const PromptContent = React.memo((props: PasscodePromptProps): JSX.Element => {
  return (
    <>
      <ThemedTouchableOpacityV2
        light={tailwind("bg-mono-light-v2-100")}

Function SkeletonLoader has 113 lines of code (exceeds 100 allowed). Consider refactoring.

Open

export function SkeletonLoader(prop: SkeletonLoaderProp): JSX.Element {
  const skeletonRow = Array.from(Array(prop.row), (_v, i) => i + 1);
  switch (prop.screen) {
    case SkeletonLoaderScreen.Dex:
      return (

Function CollateralCard has 111 lines of code (exceeds 100 allowed). Consider refactoring.

Open

function CollateralCard(props: CollateralCardProps): JSX.Element {
  const { collateral, collateralItem, totalCollateralValue, vault } = props;
  const canUseOperations = useLoanOperations(vault.state);
  const prices = getCollateralPrice(
    new BigNumber(collateral.amount),

Function useEvmTokenBalances has 111 lines of code (exceeds 100 allowed). Consider refactoring.

Open

export function useEvmTokenBalances(): { evmTokens: WalletToken[] } {
  const { evmAddress } = useWalletContext();
  const client = useWhaleApiClient();
  const [evmTokens, setEvmTokens] = useState<WalletToken[]>([]);
  const [allTokensWithAddress, setAllTokensWithAddress] =

Function CreateWalletStepIndicator has a Cognitive Complexity of 12 (exceeds 5 allowed). Consider refactoring.

Open

export function CreateWalletStepIndicator(
  props: StepIndicatorProps
): JSX.Element {
  const { isLight } = useThemeContext();
  const {

• Read up
  Read up

Function TransactionsScreen has a Cognitive Complexity of 12 (exceeds 5 allowed). Consider refactoring.

Open

export function TransactionsScreen(): JSX.Element {
  const client = useWhaleApiClient();
  const { address } = useWalletContext();
  const { isLight } = useThemeContext();
  const navigation = useNavigation<NavigationProp<PortfolioParamList>>();

• Read up
  Read up

Function ConfirmAddLiquidityScreen has a Cognitive Complexity of 12 (exceeds 5 allowed). Consider refactoring.

Open

export function ConfirmAddLiquidityScreen({ route }: Props): JSX.Element {
  const hasPendingJob = useSelector((state: RootState) =>
    hasTxQueued(state.transactionQueue)
  );
  const hasPendingBroadcastJob = useSelector((state: RootState) =>

• Read up
  Read up

Function DFIPDetailScreen has a Cognitive Complexity of 12 (exceeds 5 allowed). Consider refactoring.

Open

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

• Read up
  Read up

Function ConfirmEditCollateralScreen has a Cognitive Complexity of 12 (exceeds 5 allowed). Consider refactoring.

Open

export function ConfirmEditCollateralScreen({
  route,
  navigation,
}: Props): JSX.Element {
  const {

• Read up
  Read up

Function AuctionScreen has a Cognitive Complexity of 12 (exceeds 5 allowed). Consider refactoring.

Open

export function AuctionScreen({ navigation }: Props): JSX.Element {
  const { hasFetchAuctionsData } = useSelector(
    (state: RootState) => state.auctions
  );
  const [showLoader, setShowLoader] = useState(true);

• Read up
  Read up

Function findDisplayedAnnouncementForVersion has a Cognitive Complexity of 12 (exceeds 5 allowed). Consider refactoring.

Open

export function findDisplayedAnnouncementForVersion(
  version: string,
  language: string,
  hiddenAnnouncements: string[],
  announcements?: AnnouncementData[]

• Read up
  Read up

Function VaultIdSection has 108 lines of code (exceeds 100 allowed). Consider refactoring.

Open

function VaultIdSection(props: { vault: LoanVaultActive }): JSX.Element {
  const { vault } = props;
  const colRatio = new BigNumber(vault.informativeRatio);
  const minColRatio = new BigNumber(vault.loanScheme.minColRatio);
  const totalLoanAmount = new BigNumber(vault.loanValue);

Function WalletAccordion has 108 lines of code (exceeds 100 allowed). Consider refactoring.

Open

export function WalletAccordion(props: AccordionProps): JSX.Element {
  const { isLight } = useThemeContext();
  const [activeSections, setActiveSections] = useState<number[] | string[]>(
    props.activeSections ?? []
  );

Function TokenSummary has 108 lines of code (exceeds 100 allowed). Consider refactoring.

Open

function TokenSummary(props: {
  token: WalletToken;
  border?: boolean;
  usdAmount: BigNumber;
  isEvmDomain?: boolean;

Function SummaryDetails has 107 lines of code (exceeds 100 allowed). Consider refactoring.

Open

function SummaryDetails(props: {
  addressLabel: string | null;
  address: string | null;
}): JSX.Element {
  const { network } = useNetworkContext();