Function Verify has a Cognitive Complexity of 15 (exceeds 5 allowed). Consider refactoring.

Open

function Verify ({ className = '' }: Props): React.ReactElement {
  const { t } = useTranslation();
  const { isEthereum } = useApi();
  const [{ cryptoType, isValid }, setValidity] = useState<{ cryptoType: CryptoTypes; isValid: boolean }>({ cryptoType: 'unknown', isValid: false });
  const [{ data, isHexData }, setData] = useState<{ data: string; isHexData: boolean }>({ data: '', isHexData: false });

• Read up
  Read up

Function Identity has a Cognitive Complexity of 15 (exceeds 5 allowed). Consider refactoring.

Open

function Identity ({ address, identity }: Props): React.ReactElement<Props> | null {
  const { t } = useTranslation();
  const { apiIdentity } = useApi();
  const { isRegistrar, registrars } = useRegistrars();
  const [isJudgementOpen, toggleIsJudgementOpen] = useToggle();

• Read up
  Read up

Function getAllCalls has a Cognitive Complexity of 15 (exceeds 5 allowed). Consider refactoring.

Open

function getAllCalls (api: ApiPromise): [Record<string, Record<string, DefinitionCallNamed>>, DefinitionCallNamed | null] {
  const result: Record<string, Record<string, DefinitionCallNamed>> = {};
  let defValue: DefinitionCallNamed | null = null;
  const sections = getEntries(api.call);

• Read up
  Read up

Function group has 47 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function group (tracks: TrackDescription[], totalIssuance?: BN, referenda?: Referendum[]): ReferendaGroup[] {
  if (!referenda || !totalIssuance) {
    // return an empty group when we have no referenda
    return [{ key: 'empty' }];
  } else if (!tracks) {

Function keyOptions has 47 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function keyOptions (api: ApiPromise, sectionName: string): DropdownOptions {
  const section = api.query[sectionName];

  if (!section || Object.keys(section).length === 0) {
    return [];

Function getCachedComponent has 47 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function getCachedComponent (registry: Registry, query: QueryTypes): CacheInstance {
  const { blockHash, id, isConst, key, params = [] } = query as StorageModuleQuery;

  if (!cache[id]) {
    let renderHelper;

Function ErrorDisplay has 46 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function ErrorDisplay (props: Props): React.ReactElement<Props> {
  const { t } = useTranslation();
  const [{ details, type }, setDetails] = useState<Details>({});

  useEffect((): void => {

Function create has 46 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function create (t: TFunction): Routes {
  return [
    accounts(t),
    addresses(t),
    explorer(t),

Function getPoints has 46 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function getPoints (details: Detail[], timeAvg: number): ChartInfo {
  const blocks: ChartContents = {
    labels: [],
    values: [[], []]
  };

Function useTeleportImpl has 45 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function useTeleportImpl (): Teleport {
  const { api, apiUrl, isApiReady } = useApi();
  const paraId = useCall<ParaId>(isApiReady && api.query.parachainInfo?.parachainId);
  const [state, setState] = useState<Teleport>(() => ({ ...DEFAULT_STATE }));

Function extractBaseInfo has 44 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function extractBaseInfo (api: ApiPromise, allAccounts: string[], electedDerive: DeriveStakingElected, waitingDerive: DeriveStakingWaiting, favorites: string[], totalIssuance: BN, lastEraInfo: LastEra, historyDepth?: BN): Partial<SortedTargets> {
  const [elected, nominators] = extractSingle(api, allAccounts, electedDerive, favorites, lastEraInfo, historyDepth, true);
  const [waiting] = extractSingle(api, allAccounts, waitingDerive, favorites, lastEraInfo);
  const activeTotals = elected
    .filter(({ isActive }) => isActive)

Function extractBaseInfo has 44 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function extractBaseInfo (api: ApiPromise, allAccounts: string[], electedDerive: DeriveStakingElected, waitingDerive: DeriveStakingWaiting, favorites: string[], totalIssuance: BN, lastEraInfo: LastEra, historyDepth?: BN): Partial<SortedTargets> {
  const [elected, nominators] = extractSingle(api, allAccounts, electedDerive, favorites, lastEraInfo, historyDepth, true);
  const [waiting] = extractSingle(api, allAccounts, waitingDerive, favorites, lastEraInfo);
  const activeTotals = elected
    .filter(({ isActive }) => isActive)

Function needsApiCheck has 44 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function needsApiCheck (api: ApiPromise): boolean {
  if (typeof api.query.staking.erasStakersOverview === 'function') {
    return false;
  }

Function Import has a Cognitive Complexity of 14 (exceeds 5 allowed). Consider refactoring.

Open

function Import ({ className = '', onClose, onStatusChange }: Props): React.ReactElement<Props> {
  const { t } = useTranslation();
  const { api, isDevelopment, isEthereum } = useApi();
  const [isBusy, setIsBusy] = useState(false);
  const [pair, setPair] = useState<KeyringPair | null>(null);

• Read up
  Read up

Function Overview has a Cognitive Complexity of 14 (exceeds 5 allowed). Consider refactoring.

Open

function Overview ({ className = '', onStatusChange }: Props): React.ReactElement<Props> {
  const { t } = useTranslation();
  const { api, fork, isElectron } = useApi();
  const { allAccounts, hasAccounts } = useAccounts();
  const { isIpfs } = useIpfs();

• Read up
  Read up

Function Slashes has a Cognitive Complexity of 14 (exceeds 5 allowed). Consider refactoring.

Open

function Slashes ({ buttons, councilId, councilThreshold, slash }: Props): React.ReactElement<Props> | null {
  const { t } = useTranslation();
  const { api } = useApi();
  const councilMod = useCollectiveInstance('council');
  const [{ selected, txAll, txSome }, setSelected] = useState<Selected>((): Selected => {

• Read up
  Read up

Function Slashes has a Cognitive Complexity of 14 (exceeds 5 allowed). Consider refactoring.

Open

function Slashes ({ buttons, councilId, councilThreshold, slash }: Props): React.ReactElement<Props> | null {
  const { t } = useTranslation();
  const { api } = useApi();
  const councilMod = useCollectiveInstance('council');
  const [{ selected, txAll, txSome }, setSelected] = useState<Selected>((): Selected => {

• Read up
  Read up

Function Proposal has a Cognitive Complexity of 14 (exceeds 5 allowed). Consider refactoring.

Open

function Proposal ({ approvedIds, id, scheduled }: Props): React.ReactElement<Props> {
  const { t } = useTranslation();
  const { api } = useApi();
  const { allAccounts } = useAccounts();
  const { hasSudoKey, sudoKey } = useSudo();

• Read up
  Read up

Function Fasttrack has a Cognitive Complexity of 14 (exceeds 5 allowed). Consider refactoring.

Open

function Fasttrack ({ imageHash, members, threshold }: Props): React.ReactElement<Props> | null {
  const { t } = useTranslation();
  const { api } = useApi();
  const [isFasttrackOpen, toggleFasttrack] = useToggle();
  const [accountId, setAcountId] = useState<string | null>(null);

• Read up
  Read up

Function NetworkDisplay has a Cognitive Complexity of 14 (exceeds 5 allowed). Consider refactoring.

Open

function NetworkDisplay ({ apiUrl, className = '', setApiUrl, value: { isChild, isRelay, isUnreachable, name, nameRelay: relay, paraId, providers, ui } }: Props): React.ReactElement<Props> {
  const { t } = useTranslation();
  const isSelected = useMemo(
    () => providers.some(({ url }) => url === apiUrl),
    [apiUrl, providers]

• Read up
  Read up