raviqqe/tasks

Function main has 105 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const main = () => {
  const element = document.getElementById("root");

  if (!element) {
    throw new Error("no root element");

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

Open

export const CreateProject = ({
  createProject,
  ...restProps
}: Props): JSX.Element => (
  <CircleButton

• Read up
  Read up

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

Open

export const CreateTodoTask = ({
  createTodoTask,
  ...restProps
}: Props): JSX.Element => (
  <CircleButton

• Read up
  Read up

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

Open

export const ToggleTasks = ({
  setTasksDone,
  tasksDone,
}: Props): JSX.Element => (
  <CircleButton

• Read up
  Read up

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

Open

export const ToggleProjects = ({
  projectsArchived,
  setProjectsArchived,
}: Props): JSX.Element => (
  <CircleButton

• Read up
  Read up

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

Open

it("renders", () => {
  expect(
    render(<SignIn signIn={() => {}} />).container.firstChild,
  ).toMatchSnapshot();
});

• Read up
  Read up

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

Open

it("renders", () => {
  expect(
    render(<SignOut signOut={() => {}} />).container.firstChild,
  ).toMatchSnapshot();
});

• Read up
  Read up

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

Open

it("renders", () => {
  expect(
    render(<CreateTodoTask createTodoTask={async () => {}} />).container
      .firstChild,
  ).toMatchSnapshot();

• Read up
  Read up

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

Open

it("renders as a secondary button", () => {
  expect(
    render(<CircleButton secondary>foo</CircleButton>).container.firstChild,
  ).toMatchSnapshot();
});

• Read up
  Read up

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

Open

it("renders as a secondary button", () => {
  expect(
    render(<Button secondary>foo</Button>).container.firstChild,
  ).toMatchSnapshot();
});

• Read up
  Read up

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

Open

it("renders as a secondary button", () => {
  expect(
    render(<TextButton secondary>foo</TextButton>).container.firstChild,
  ).toMatchSnapshot();
});

• Read up
  Read up

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

Open

it("renders", () => {
  expect(
    render(<CircleButton>foo</CircleButton>).container.firstChild,
  ).toMatchSnapshot();
});

• Read up
  Read up

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

Open

it("renders", () => {
  expect(render(<Button>foo</Button>).container.firstChild).toMatchSnapshot();
});

• Read up
  Read up

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

Open

it("renders", () => {
  expect(
    render(<TextButton>foo</TextButton>).container.firstChild,
  ).toMatchSnapshot();
});

• Read up
  Read up

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

Open

  const { container } = render(
    <Task task={{ id: "", name: "foo" }} updateTask={updateTask} />,
  );

• Read up
  Read up

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

Open

  const { container } = render(
    <Task task={{ id: "", name: "foo" }} updateTask={updateTask} />,
  );

• Read up
  Read up

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

Open

export function formatTask(task: Task): Task {
  return {
    ...task,
    name: task.name.trim(),
  };

• Read up
  Read up

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

Open

export function formatProject(project: Project): Project {
  return {
    ...project,
    name: project.name.trim(),
  };

• Read up
  Read up

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

Open

  it("throws an error with an unformatted name", () => {
    expect(() => validateTask({ id: "", name: " foo" })).toThrow();
  });

• Read up
  Read up

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

Open

  it("throws an error with an empty name", () => {
    expect(() => validateTask({ id: "", name: "" })).toThrow();
  });

• Read up
  Read up