Lambda-School-Labs/grants-fe

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

Open

const onboardingReducer = (state = initialState, action) => {
  switch (action.type) {
    case APPLICANT_ONBOARDING_POST_START:
      return {
        ...state,

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

Open

          <Grid item xs={10} sm={6}>
            <TextField
              id="due_date"
              label="Due Date"
              type="date"

• Read up
  Read up

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

Open

          <Grid item xs={10} sm={6}>
            <TextField
              id="due_date"
              label="Due Date"
              type="date"

• Read up
  Read up

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

Open

          <Grid item xs={10} sm={9}>
            <TextAreaAutosize
              required
              id="grant_description"
              name="description"

• Read up
  Read up

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

Open

          <Grid item xs={10} sm={9}>
            <TextAreaAutosize
              required
              id="grant_description"
              name="description"

• Read up
  Read up

Function handleValidation has 75 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const handleValidation = (e) => {
    // validation function handles all inputs where the only validation is that the string must be greater than 2
    const validator = (formValue) => {
      //persisting the event to ensure it makes it to validation
      e.persist();

Function WriterProfile has 74 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const WriterProfile = (props) => {
  const dispatch = useDispatch();
  const classes = useStyles();

  //Redux

File WriterWorkCard.js has 288 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { useState } from "react";
import { useDispatch, useSelector } from "react-redux";
import { useStyles } from "./WriterForm.styles";
import Card from "@material-ui/core/Card";
import CardContent from "@material-ui/core/CardContent";

Function handleValidation has 70 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const handleValidation = (e) => {
    /* validation function handles all inputs where the only validation is that the string must be greater than 2 */
    const validator = async (formValue) => {
      /*persisting the event to ensure it makes it to validation */
      e.persist();

Function ApplicantProfile has 70 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function ApplicantProfile() {
  const userType = useSelector((state) => state.login.usertype);
  const isEditing = useSelector((state) => state.profileInfo.isEditing);
  const applicantProfileId = useSelector((state) => state.login.userId);
  const applicantDetails = useSelector(

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

Open

export default function GrantsList() {
  const classes = useStyles();

  const grantsLoading = useSelector((state) => state.grants.isLoading);
  const grants = useSelector((state) => state.grants.applicantGrants);

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

Open

  layout: {
    width: "auto",
    marginLeft: theme.spacing(2),
    marginRight: theme.spacing(2),
    [theme.breakpoints.up(600 + theme.spacing(2) * 2)]: {

• Read up
  Read up

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

Open

  layout: {
    width: "auto",
    marginLeft: theme.spacing(2),
    marginRight: theme.spacing(2),
    [theme.breakpoints.up(600 + theme.spacing(2) * 2)]: {

• Read up
  Read up

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

Open

    boxes: {
      backgroundColor: theme.palette.common.aqua,
      display: "flex",
      justifyContent: "center",
      color: theme.palette.primary,

• Read up
  Read up

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

Open

    boxes: {
      backgroundColor: theme.palette.common.aqua,
      display: "flex",
      justifyContent: "center",
      color: theme.palette.primary,

• Read up
  Read up

Function WriterServices has 61 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const WriterServices = (props) => {
  const [value, setValue] = React.useState(0);
  const classes = useStyles();

  const handleChange = (event, newValue) => {

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

Open

      <div className={classes.userDisplay}>
        <CardMedia
          className={classes.media}
          image="https://image.shutterstock.com/image-photo/young-scientist-looking-through-microscope-600w-524351890.jpg"
          alt="userImg"

• Read up
  Read up

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

Open

      <div className={classes.userDisplay}>
        <CardMedia
          className={classes.media}
          image="https://image.shutterstock.com/image-photo/young-scientist-looking-through-microscope-600w-524351890.jpg"
          alt="userImg"

• Read up
  Read up

Function favoritesReducer has 57 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const favoritesReducer = (state = initialState, action) => {
  switch (action.type) {
    case FAVORITE_POST_START:
      return {
        ...state,

File ApplicantProfileForm.js has 259 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { useState, useEffect } from "react";
import { useHistory } from "react-router-dom";
import { useDispatch, useSelector } from "react-redux";
import { postApplicantOnboarding } from "../../store/actions/onboardingActions";