imaginerio/narratives

Function Signup has 125 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Signup = () => {
  const {
    createAccount,
    enterDetails,
    name,

File [project].js has 330 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/* eslint-disable jsx-a11y/label-has-associated-control */
import React, { useState, useEffect } from 'react';
import PropTypes from 'prop-types';
import { useQuery, useMutation, gql } from '@apollo/client';
import { map } from 'lodash';

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

Open

          <button
            className={styles.button}
            style={{ backgroundColor: modeId === 'drawPolygon' ? '#ccc' : null }}
            type="button"
            tabIndex={-1}

• Read up
  Read up

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

Open

          <button
            className={styles.button}
            style={{ backgroundColor: modeId === 'drawPoint' ? '#ccc' : null }}
            type="button"
            tabIndex={-1}

• Read up
  Read up

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

Open

          <button
            className={styles.button}
            style={{ backgroundColor: modeId === 'drawPolyline' ? '#ccc' : null }}
            type="button"
            tabIndex={-1}

• Read up
  Read up

File index.jsx has 315 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/* eslint-disable jsx-a11y/click-events-have-key-events */
import React, { useEffect, useRef, useState } from 'react';
import PropTypes from 'prop-types';
import ReactMapGL, {
  Source,

Function Login has 84 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Login = () => {
  const { locale } = useRouter();
  const { welcome, loginFull, email, password, loginError, verifyError, login, forgot } =
    useLocale();

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

Open

              <Form.Input
                required
                name="password"
                label={password}
                type="password"

• Read up
  Read up

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

Open

            <Form.Input
              required
              name="name"
              label={name}
              type="text"

• Read up
  Read up

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

Open

            <Form.Input
              required
              name="email"
              label={email}
              type="email"

• Read up
  Read up

Function prepareMiddleware has 64 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  prepareMiddleware({ keystone }) {
    const middleware = express();
    middleware.get('/download', (req, res) =>
      runCustomQuery({
        keystone,

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

Open

  const {
    data: { data },
  } = await axios.post(`${req.protocol}://${req.get('Host')}/admin/api`, {
    query: `query GetProjectDetails($project: ID!) {
        project: Project(where: { id: $project }) {

• Read up
  Read up

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

Open

  const {
    data: { data },
  } = await axios.post(`${req.protocol}://${req.get('Host')}/admin/api`, {
    query: `query GetFullProject($project: ID!) {
        Project(where: { id: $project }) {

• Read up
  Read up

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

Open

  const {
    data: { data },
  } = await axios.post(`${req.protocol}://${req.get('Host')}/admin/api`, {
    query: `query GetReset($key: String){
      allUsers(where: { resetId: $key }){

• Read up
  Read up

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

Open

  const {
    data: { data },
  } = await axios.post(`${req.protocol}://${req.get('Host')}/admin/api`, {
    query: `query GetVerification($key: String){
      allUsers(where: { verifyId: $key }){

• Read up
  Read up

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

Open

export default function Toolbar() {
  const [{ editing, modeId }, dispatch] = useDraw();

  return (
    <div

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

Open

  prepareMiddleware({ keystone }) {
    const middleware = express();
    middleware.get('/duplicate/:id', (req, res) =>
      runCustomQuery({
        keystone,

Function Reset has 49 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Reset = () => {
  const { reset, resetInstructions, email: emailText, resetPassword, resetSuccess } = useLocale();
  const [email, setEmail] = useState('');
  const [error, setError] = useState('');
  const [loading, setLoading] = useState(false);

Function populateBasemaps has 48 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const populateBasemaps = async (keystone, context) => {
  // Populate basemaps
  const {
    data: { allBasemaps },
  } = await keystone.executeGraphQL({

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

Open

const populateLayers = async (keystone, context) => {
  // Populate layers
  const {
    data: { allLayers },
  } = await keystone.executeGraphQL({