Vizzuality/landgriffon

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

Open

  constructor(
    private readonly indicatorRecordRepository: IndicatorRecordRepository,
    private readonly materialToH3: MaterialsToH3sService,
    private readonly indicatorService: IndicatorsService,
    private readonly dependencyManager: IndicatorQueryDependencyManager,

• Read up
  Read up

File component.tsx has 260 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { cloneElement, useCallback, useEffect, useMemo, useRef, useState } from 'react';
import classnames from 'classnames';
import { Transition, Combobox } from '@headlessui/react';
import { ChevronUpIcon, ChevronDownIcon, XIcon } from '@heroicons/react/solid';
import { flip, useFloating, size, autoUpdate, offset } from '@floating-ui/react-dom';

Function populateValuesRecursively has 56 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  private populateValuesRecursively(
    entity: ActualVsScenarioImpactTableRows,
    entityDataMap: Map<
      string,
      Map<number, ActualVsScenarioImpactTableRowsValues>

Function EUDRModal has 55 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const EUDRModal: React.FC = () => {
  const [isOpen, setIsOpen] = useState(false);

  const { start, stop } = useTimeout(() => {
    setIsOpen(true);

Function Contact has 55 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Contact = (req: NextApiRequest, res: NextApiResponse): void => {
  if (req.method === 'POST') {
    const { name, email, message, company, topic, newsletter } = req.body;

    // Saving contacts and emails in Sendgrid

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

Open

    cy.wait('@materialsTrees').then(() => {
      const $inputSelect = cy.get('[data-testid="materials-select"]');
      $inputSelect.click();

      $inputSelect.find('.rc-tree-list').contains('Cotton').click();

• Read up
  Read up

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

Open

    cy.wait('@materialsTrees').then(() => {
      const $inputSelect = cy.get('[data-testid="new-material-select"]');
      $inputSelect.click();
      $inputSelect.find('.rc-tree-list').contains('Fruits, berries and nuts').click();
    });

• Read up
  Read up

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

Open

    cy.wait('@materialsTrees').then(() => {
      const $inputSelect = cy.get('[data-testid="materials-select"]');
      $inputSelect.click();

      $inputSelect.find('.rc-tree-list').contains('Cotton').click();

• Read up
  Read up

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

Open

    cy.wait('@materialsTrees').then(() => {
      const $inputSelect = cy.get('[data-testid="materials-select"]');
      $inputSelect.click();

      $inputSelect.find('.rc-tree-list').contains('Cotton').click();

• Read up
  Read up

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

Open

    cy.wait('@materialsTrees').then(() => {
      const $inputSelect = cy.get('[data-testid="new-material-select"]');
      $inputSelect.click();
      $inputSelect.find('.rc-tree-list').contains('Fruits, berries and nuts').click();
    });

• Read up
  Read up

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

Open

                <div>
                  <Label htmlFor="lname">Last name</Label>
                  <Input
                    {...register('lname')}
                    defaultValue={user.data.lname}

• Read up
  Read up

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

Open

                <div>
                  <Label htmlFor="title">Title</Label>
                  <Input
                    {...register('title')}
                    defaultValue={user.data.title}

• Read up
  Read up

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

Open

                <div>
                  <Label htmlFor="fname">First name</Label>
                  <Input
                    {...register('fname')}
                    defaultValue={user.data.fname}

• Read up
  Read up

File 1645259040554-ImpactStoredFunctions.ts has 257 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { MigrationInterface, QueryRunner } from 'typeorm';

export class ImpactStoredFunctions1645259040554 implements MigrationInterface {
  public async up(queryRunner: QueryRunner): Promise<void> {
    await queryRunner.query(`

Function handleSearchSelection has 54 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    (newKey: Key) => {
      resetSearch();

      const selectedNode = flatTreeData.find((data) => data.key === newKey);
      setKeyToScroll(newKey);

Function Video has 54 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Video: FC = () => {
  const videoRef = useRef<HTMLVideoElement>();
  const { ref, inView } = useInView();

  const onVideoEnded = useCallback(() => {

Function ContactUs has 54 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const ContactUs: FC = () => {
  return (
    <section className="bg-orange-500 xl:bg-white">
      <Wrapper>
        <div className="relative z-10 pt-12 bg-orange-500 md:pt-20 xl:-mt-10 xl:px-20 xl:-mx-20">

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

Open

        <div>
          <h1 className="mb-2 text-5xl font-semibold text-gray-900">Server error</h1>

          <p className="text-lg font-normal leading-5 text-gray-400 ">
            Something went wrong. Please try to reload the page. If the problem persists, feel free

• Read up
  Read up

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

Open

        <div>
          <h1 className="mb-2 text-5xl font-semibold text-gray-900">Server error</h1>

          <p className="text-lg font-normal leading-5 text-gray-400 ">
            Something went wrong. Please try to reload the page. If the problem persists, feel free

• Read up
  Read up

Function DatesRange has 53 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const DatesRange = (): JSX.Element => {
  const dispatch = useAppDispatch();
  const {
    filters: { dates },
  } = useAppSelector(eudrDetail);