ujh/fountainpencompanion

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

Open

  it("calls onChange with the expected value when the active layout is table", async () => {
    const onChange = jest.fn((e) => e.target.value);

    const { user, getAllByRole } = setup(
      <LayoutToggle activeLayout="table" onChange={onChange} />

• Read up
  Read up

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

Open

    it("removes the cluster from microClusters", () => {
      const state = {
        ...initalState,
        microClusters: [
          { id: 1, type: "micro_cluster" },

• Read up
  Read up

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

Open

    it("removes the cluster from selectedMicroClusters", () => {
      const state = {
        ...initalState,
        selectedMicroClusters: [
          { id: 1, type: "micro_cluster" },

• Read up
  Read up

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

Open

  const pens = [
    {
      brand: "Faber-Castell",
      model: "Loom",
      nib: "B",

• Read up
  Read up

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

Open

  const pens = [
    {
      brand: "Faber-Castell",
      model: "Loom",
      nib: "B",

• Read up
  Read up

Function PenCard has 102 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const PenCard = (props) => {
  const {
    hiddenFields,
    id,
    brand,

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

Open

  if (layout ? layout === "card" : screen.isSmall) {
    if (currentlyInked) {
      return (
        <CurrentlyInkedCards
          currentlyInked={currentlyInked}

• Read up
  Read up

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

Open

  if (layout ? layout === "card" : screen.isSmall) {
    if (pens) {
      return <CollectedPensCards pens={pens} onLayoutChange={onLayoutChange} />;
    } else {
      return <CardsPlaceholder />;

• Read up
  Read up

Class CollectedInk has 30 methods (exceeds 20 allowed). Consider refactoring.

Open

class CollectedInk < ApplicationRecord
  include Archivable
  include PgSearch::Model

  KINDS = %w[bottle sample cartridge swab]

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

Open

document.addEventListener("DOMContentLoaded", () => {
  const elements = document.querySelectorAll("#collected-pens .app");
  Array.from(elements).forEach((el) => {
    const root = createRoot(el);
    root.render(

• Read up
  Read up

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

Open

    <div>
      <Actions
        activeLayout="table"
        numberOfPens={preGlobalFilteredRows.length}
        onFilterChange={setGlobalFilter}

• Read up
  Read up

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

Open

document.addEventListener("DOMContentLoaded", () => {
  const elements = document.querySelectorAll("#collected-inks .app");
  Array.from(elements).forEach((el) => {
    const root = createRoot(el);
    root.render(

• Read up
  Read up

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

Open

    <div className="fpc-currently-inked-table">
      <Actions
        activeLayout="table"
        numberOfEntries={preGlobalFilteredRows.length}
        onFilterChange={setGlobalFilter}

• Read up
  Read up

Function api has 85 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    function api(key, value, attributes) {
      var result;
      if (typeof document === "undefined") {
        return;
      }

Function CurrentlyInkedCard has 85 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const CurrentlyInkedCard = (props) => {
  const {
    hiddenFields,
    id,
    comment,

File SwabCard.spec.jsx has 307 lines of code (exceeds 250 allowed). Consider refactoring.

Open

// @ts-check
import React from "react";
import { render } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import { SwabCard } from "./SwabCard";

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

Open

  it("renders the app", async () => {
    const { findByText, queryByText } = setup(
      <CollectedInks archive={false} />
    );

• Read up
  Read up

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

Open

  it("renders the archive", async () => {
    const { findByText, queryByText } = setup(<CollectedInks archive={true} />);

    const result = await findByText("DeAtramentis");

• Read up
  Read up

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

Open

  return matchSorter(rows, filterValue.replace(/\s+/gi, ""), {
    keys: [
      (row) => {
        const v = attrs.map((a) => row[a]).join(" ");
        const tags = (row.tags || []).map((t) => t.name).join(" ");

• Read up
  Read up

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

Open

  describe("edit button", () => {
    it("shows the edit button", async () => {
      render(<ActionsCell id={1} />);
      const button = await screen.findByTitle("edit");
      expect(button).toBeInTheDocument();

• Read up
  Read up