radar/twist-v2

Function Element has 49 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Element: React.FC<ElementProps> = (props) => {
  const { noteCount: initialNoteCount, id, bookPermalink } = props;
  const [noteCount, setNoteCount] = useState<number>(initialNoteCount);
  const [showNotes, setShowNotes] = useState<boolean>(false);

Function Form has 45 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Form: FunctionComponent<FormProps> = (props) => {
  const { elementId, bookPermalink, noteSubmitted } = props;
  const [text, setText] = useState<string>("");
  const [submitNote] = useMutation(submitNoteMutation);
  const submit = (e: React.FormEvent<HTMLFormElement>) => {

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

Open

    gridTemplateColumns: {
      none: 'none',
      '1': 'repeat(1, minmax(0, 1fr))',
      '2': 'repeat(2, minmax(0, 1fr))',
      '3': 'repeat(3, minmax(0, 1fr))',

• Read up
  Read up

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

Open

    gridColumn: {
      auto: 'auto',
      'span-1': 'span 1 / span 1',
      'span-2': 'span 2 / span 2',
      'span-3': 'span 3 / span 3',

• Read up
  Read up

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

Open

export type NoteFragment = { readonly __typename: 'Note', readonly id: string, readonly number: number, readonly text: string, readonly createdAt: string, readonly state: string, readonly user: { readonly __typename: 'User', readonly id: string, readonly email: string, readonly name: string }, readonly comments: ReadonlyArray<{ readonly __typename: 'Comment', readonly id: string, readonly text: string, readonly createdAt: string, readonly user: { readonly __typename: 'User', readonly id: string, readonly email: string, readonly name: string } }> };

• Read up
  Read up

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

Open

  module Web
    module GraphQL
      module Mutations
        module Invitations
          class Invite < BaseMutation

• Read up
  Read up

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

Open

  module Web
    module GraphQL
      module Mutations
        module Readers
          class Remove < BaseMutation

• Read up
  Read up

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

Open

export type CommentFragmentFragment = { readonly __typename: 'Comment', readonly id: string, readonly text: string, readonly createdAt: string, readonly user: { readonly __typename: 'User', readonly id: string, readonly email: string, readonly name: string } };

• Read up
  Read up

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

Open

export type CurrentUserQuery = { readonly __typename: 'Query', readonly currentUser?: Maybe<{ readonly __typename: 'User', readonly id: string, readonly githubLogin?: Maybe<string>, readonly email: string }> };

• Read up
  Read up

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

Open

      <ul className="list-disc list-inside">
        {authors.map((reader, index) => (
          <ReaderItem
            {...reader}
            key={reader.id}

• Read up
  Read up

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

Open

      <ul className="list-disc list-inside">
        {filteredReaders.map((reader, index) => (
          <ReaderItem
            {...reader}
            key={reader.id}

• Read up
  Read up

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

Open

export type UsersQuery = { readonly __typename: 'Query', readonly users: ReadonlyArray<{ readonly __typename: 'User', readonly id: string, readonly githubLogin?: Maybe<string>, readonly name: string }> };

• Read up
  Read up

Function EditForm has 41 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const EditForm: FunctionComponent<EditFormProps> = (props) => {
  const { id, originalText, toggleForm } = props;
  const [text, setText] = useState<string>(props.originalText);
  const [updateComment] = useMutation(updateCommentMutation);

Function EditForm has 40 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const EditForm: FunctionComponent<EditFormProps> = (props) => {
  const { noteId, originalText, toggleForm } = props;
  const [text, setText] = useState<string>(props.originalText);
  const [updateNote] = useMutation(updateNoteMutation);

Function Branch has 36 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Branch: FunctionComponent<BranchProps> = (props) => {
  const [updateBranch] = useUpdateBranchMutation({ errorPolicy: "all" });
  const { bookPermalink, bookTitle, name, commits } = props;

  const [message, setMessage] = useState<string>("");

Function BooksShow has 36 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const BooksShow = () => {
  const commit: Commit = {
    __typename: "Commit",
    sha: "abc123",
    createdAt: "2020-04-15 10:10:10",

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

Open

  module Web
    module GraphQL
      module Mutations
        module Notes
          class Update < BaseMutation

• Read up
  Read up

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

Open

  module Web
    module GraphQL
      module Mutations
        module Comments
          class Update < BaseMutation

• Read up
  Read up

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

Open

export type InviteUserMutation = { readonly __typename: 'Mutations', readonly inviteUser: { readonly __typename: 'InvitePayload', readonly bookId?: Maybe<string>, readonly userId?: Maybe<string> } };

• Read up
  Read up

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

Open

export type RemoveReaderMutation = { readonly __typename: 'Mutations', readonly removeReader: { readonly __typename: 'RemovePayload', readonly bookId?: Maybe<string>, readonly userId?: Maybe<string> } };

• Read up
  Read up