Function CreateProposalPage has 406 lines of code (exceeds 100 allowed). Consider refactoring.

Open

export default function CreateProposalPage() {
  const { connection } = useNetwork();
  const [activeStep, setActiveStep] = useState(1);
  const [title, setTitle] = useState<string>("");
  const [proposalType, setProposalType] = useState(

File ConfirmVoteDialog.tsx has 626 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, {
  useState,
  Dispatch,
  SetStateAction,
  useRef,

File VotingResult.tsx has 580 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { Dispatch, SetStateAction } from "react";
import BigNumber from "bignumber.js";
import classNames from "classnames";
import { NumericFormat } from "react-number-format";
import { VoteDecision } from "@defichain/jellyfish-api-core/dist/category/governance";

File Header.tsx has 573 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { Link } from "@components/commons/link/Link";
import { IoChevronDown } from "react-icons/io5";
import { DeFiChainLogo } from "@components/icons/DeFiChainLogo";
import classNames from "classnames";
import { useRouter } from "next/router";

File index.ts has 501 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/* eslint @typescript-eslint/quotes: 0 */

export interface PriceCopy {
  /**
   * @example 'TSLA-USD'

File index.page.tsx has 454 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from "react";
import { Container } from "@components/commons/Container";
import { ApiPagedResponse } from "@defichain/whale-api-client";
import {
  CursorPage,

File index.page.tsx has 436 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { useEffect, useState } from "react";
import { Container } from "@components/commons/Container";
import { Head } from "@components/commons/Head";
import {
  MdRemove,

File [id].page.tsx has 419 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { AdaptiveList } from "@components/commons/AdaptiveList";
import { Breadcrumb } from "@components/commons/Breadcrumb";
import { getAssetIcon, getTokenIcon } from "@components/icons/assets/tokens";
import { getWhaleApiClient, useWhaleApiClient } from "@contexts/WhaleContext";
import { TokenData } from "@defichain/whale-api-client/dist/api/tokens";

Function CreateProposalPage has a Cognitive Complexity of 33 (exceeds 5 allowed). Consider refactoring.

Open

export default function CreateProposalPage() {
  const { connection } = useNetwork();
  const [activeStep, setActiveStep] = useState(1);
  const [title, setTitle] = useState<string>("");
  const [proposalType, setProposalType] = useState(

• Read up
  Read up

File OracleGraph.tsx has 357 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { JSX } from "@babel/types";
import { useWhaleApiClient } from "@contexts/WhaleContext";
import { WhaleApiClient } from "@defichain/whale-api-client";
import {
  PriceFeedInterval,

File index.page.tsx has 354 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { Dispatch, SetStateAction, useEffect, useState } from "react";
import { Container } from "@components/commons/Container";
import { getWhaleApiClient } from "@contexts/WhaleContext";
import { GetServerSidePropsContext, InferGetServerSidePropsType } from "next";
import {

File Footer.tsx has 321 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { Link } from "@components/commons/link/Link";
import { DeFiChainLogo } from "@components/icons/DeFiChainLogo";
import { PropsWithChildren } from "react";
import {
  FaDiscord,

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

Open

              <div className="flex flex-row">
                <div className="flex flex-col grow">
                  <span
                    className={classNames(
                      percYes > percNo

• Read up
  Read up

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

Open

                <div className="flex flex-row">
                  <div className="flex flex-col grow">
                    <span
                      className={classNames(
                        percYes > percNo

• Read up
  Read up

File ProposalTable.tsx has 297 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { useState } from "react";
import { useRouter } from "next/router";
import { OverflowTable } from "@components/commons/OverflowTable";
import { AiFillGithub, AiFillRedditCircle } from "react-icons/ai";
import classNames from "classnames";

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

Open

        <div className="w-full lg:w-1/2">
          {props.dftx.data.to.map((scriptBalances) => {
            const scriptToAddress =
              fromScript(scriptBalances.script, network)?.address ?? "N/A";
            return (

• Read up
  Read up

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

Open

        <div className="w-full lg:w-1/2">
          {props.dftx.data.from.map((scriptBalances) => {
            const scriptFromAddress =
              fromScript(scriptBalances.script, network)?.address ?? "N/A";
            return (

• Read up
  Read up

File ProposalCard.tsx has 285 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { useState } from "react";
import classNames from "classnames";
import { AiFillGithub, AiFillRedditCircle } from "react-icons/ai";
import {
  MdOutlineKeyboardArrowUp,

Function Header has 140 lines of code (exceeds 100 allowed). Consider refactoring.

Open

export function Header(): JSX.Element {
  const [menu, setMenu] = useState(false);
  const [atTop, setAtTop] = useState(true);
  const [isSearchIconClicked, setIsSearchIconClicked] = useState(false);
  const [openProposalsLength, setOpenProposalsLength] = useState<

Function SearchBar has 136 lines of code (exceeds 100 allowed). Consider refactoring.

Open

export function SearchBar(props: SearchBarInterface): JSX.Element {
  const api = useWhaleApiClient();
  const { name: network, connection } = useNetwork();
  const router = useRouter();