File CreatePost.tsx has 359 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { Component, createRef, FormEvent, RefObject } from "react";
import { Mutation } from "@apollo/client/react/components";
import { toast } from "react-toastify";
import { gql } from "@apollo/client";
import { ApolloConsumer } from "@apollo/client";

Function render has 139 lines of code (exceeds 80 allowed). Consider refactoring.

Open

  render() {
    const { amountError, receiversError, messageError } = this.state;
    const { transaction } = this.props;
    return (
      <ApolloConsumer>

Function render has 109 lines of code (exceeds 80 allowed). Consider refactoring.

Open

  render() {
    return (
      <Mutation<CreateGoalParameters>
        mutation={this.state.editing ? UPDATE_GOAL : CREATE_GOAL}
        onCompleted={() => {

Function render has 103 lines of code (exceeds 80 allowed). Consider refactoring.

Open

  render() {
    return (
      <Mutation<CreateGuidelineParameters>
        mutation={this.state.editing ? UPDATE_GUIDELINE : CREATE_GUIDELINE}
        onCompleted={() => {

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

Open

export const setTestSubject = <
  TComponent extends React.FC<any>,
  TDecorators extends Decorator<string, any>[],
>(
  Component: TComponent,

• Read up
  Read up

Function render has 95 lines of code (exceeds 80 allowed). Consider refactoring.

Open

  render() {
    return (
      <ApolloConsumer>
        {(client) => (
          <div className="form-container">

Function KudometerRow has 91 lines of code (exceeds 80 allowed). Consider refactoring.

Open

export function KudometerRow(props: KudometerRowProps) {
  function deleteKudometer(mutation: any) {
    const { id } = props.kudometer;
    if (global.confirm("Are you sure you want to delete this kudometer?")) {
      mutation({ variables: { id } });

Function render has 89 lines of code (exceeds 80 allowed). Consider refactoring.

Open

  render() {
    return (
      <Mutation<LoginResult, LoginParameters>
        mutation={MUTATION_LOGIN}
        onError={(error) => {

Function calculateProgress has a Cognitive Complexity of 10 (exceeds 5 allowed). Consider refactoring.

Open

const calculateProgress = (
  goals: Goal[],
  current: number,
  scale = 100,
): number => {

• Read up
  Read up

Function AlterRoleButton has a Cognitive Complexity of 9 (exceeds 5 allowed). Consider refactoring.

Open

export function AlterRoleButton(props: AlterRoleButtonProps) {
  function isDisabled(): boolean {
    if (props.mode === AlterRoleButtonMode.PROMOTE) {
      return props.membership.role === "admin";
    }

• Read up
  Read up

Function render has a Cognitive Complexity of 8 (exceeds 5 allowed). Consider refactoring.

Open

  render() {
    const { liked, post } = this.props;

    const allLikes = post.votes.length
      ? post.votes.map((item) => item.voter.name).join(", ")

• Read up
  Read up

Function InviteList has a Cognitive Complexity of 7 (exceeds 5 allowed). Consider refactoring.

Open

const InviteList = () => (
  <div>
    <Query<InvitesResult>
      query={GET_INVITES}
      pollInterval={2000}

• Read up
  Read up

Avoid too many return statements within this function.

Open

      return;

Avoid too many return statements within this function.

Open

    return true;

Avoid too many return statements within this function.

Open

      return false;

Function onSubmit has a Cognitive Complexity of 6 (exceeds 5 allowed). Consider refactoring.

Open

  onSubmit(
    e: FormEvent<HTMLFormElement>,
    createPost: any,
    client: ApolloClient<any>,
  ) {

• Read up
  Read up

Function Invite has a Cognitive Complexity of 6 (exceeds 5 allowed). Consider refactoring.

Open

export function Invite(props: InviteProps) {
  const showConfirmDialog = (
    deleteInvite: MutationFunction<
      DeleteInviteParameters,
      OperationVariables,

• Read up
  Read up