baublet/w8mngr

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

Open

    if (element) {
      element.addEventListener("drop", onDrop);
      for (const event of allWatchEvents) {
        element.addEventListener(event, onAllDragEventsFunction);
      }

• Read up
  Read up

Function userActivitySummary has 73 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const userActivitySummary: UserResolvers["activitySummary"] = async (
  parent,
  args,
  context
) => {

Function ActivityLog has 72 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function ActivityLog() {
  const { id, day = "" } = useParams<{ id: string; day: string }>();
  const { data, loading } = useGetActivityDetailsQuery({
    variables: {
      id,

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

Open

                    <div className="w-1/3">
                      <Input
                        className="w-full"
                        disabled={!preferencesForm.getValue("faturdays")}
                        label="Carbs"

• Read up
  Read up

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

Open

              <IsLoggedIn>
                <ul className="list-disc list-inside">
                  <li>
                    <FooterLink to="/nutrition">Dashboard</FooterLink>
                  </li>

• Read up
  Read up

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

Open

                    <div className="w-1/3">
                      <Input
                        className="w-full"
                        disabled={!preferencesForm.getValue("faturdays")}
                        label="Protein"

• Read up
  Read up

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

Open

              <IsLoggedOut>
                <ul className="list-disc list-inside">
                  <li>
                    <FooterLink to="/register">Get Started</FooterLink>
                  </li>

• Read up
  Read up

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

Open

                    <div className="w-full">
                      <Input
                        className="w-full"
                        disabled={!preferencesForm.getValue("faturdays")}
                        label="Faturday Calories"

• Read up
  Read up

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

Open

                    <div className="w-1/3">
                      <Input
                        className="w-full"
                        disabled={!preferencesForm.getValue("faturdays")}
                        label="Fat"

• Read up
  Read up

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

Open

export function Login() {
  const { push } = useHistory();
  const loginForm = useForm<{
    email: string;
    password: string;

Function ResetPassword has 69 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function ResetPassword() {
  const { token } = useParams<{ token: string }>();
  const navigate = useNavigateToUrl();
  const formData = useForm<{
    password: string;

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

Open

                <div className="md:w-1/2 flex flex-col gap-2">
                  <Input
                    label="Height"
                    placeholder={`e.g., 5 ft 3 inches`}
                    type="text"

• Read up
  Read up

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

Open

                <div className="md:w-1/2 flex flex-col gap-2">
                  <Input
                    label="Birthday"
                    placeholder={`e.g., October 13, 1982`}
                    type="text"

• Read up
  Read up

File TileMap.tsx has 280 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import cx from "classnames";
import addDays from "date-fns/addDays";
import format from "date-fns/format";
import getDay from "date-fns/getDay";
import subDays from "date-fns/subDays";

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

Open

  return (
    <div className="flex flex-col gap-4 w-full">
      <ContentContainer>
        <PageHeading className="text-center">Logging out...</PageHeading>
      </ContentContainer>

• Read up
  Read up

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

Open

  return (
    <div className="flex flex-col gap-4 w-full">
      <ContentContainer>
        <PageHeading className="text-center">Logging in...</PageHeading>
      </ContentContainer>

• Read up
  Read up

File AddableFoodMeasurements.tsx has 279 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import cx from "classnames";
import React from "react";

import { coalesce, or } from "../../../shared";
import { useForm, useKeyPressHandler } from "../../helpers";

Function fn has 66 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    fn: async () => {
      const foodLogsInRange = await foodLogDataService.findBy(context, (q) =>
        q
          .where("userId", "=", userId)
          .andWhere("day", ">=", from)

Function Input has 66 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function Input(props: InputProps) {
  const id = or(props.id, `input-${count++}`);
  const label = props.label;
  const {
    showLabel = true,

File buildConnectionResolver.ts has 276 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { assertIsError } from "../../../shared";
import { Resolvable } from "../../../shared/types";
import { QueryBuilder } from "../../config/db";
import { log } from "../../config/log";
import { isBefore } from "./isBefore";