vigetlabs/ars-arsenal

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

Open

  test('limits text', () => {
    let component = mount(<Truncated text="This will be truncated" limit={10} />)
    expect(component.text()).toBe('This will…')
  })

• Read up
  Read up

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

Open

describe('pluralize', () => {
  test('pluralizes a string', () => {
    expect(pluralize('photo')).toBe('photos')
    expect(pluralize('photos')).toBe('photos')
  })

• Read up
  Read up

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

Open

  getCaption(caption: string) {
    let trimmed = caption ? caption.trim() : ''

    return trimmed.length ? <p className="ars-selection-caption">{trimmed}</p> : null
  }

• Read up
  Read up

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

Open

  test('sets its state to loaded when it finishes loading', () => {
    let component = mount(<Image src="/test.jpg" />)

    component.simulate('load')

• Read up
  Read up

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

Open

  test('adds an error class on failed images', () => {
    let component = mount(<Image src="fizz.jpg" />)

    component.simulate('error')

• Read up
  Read up

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

Open

export default function LoadCollection(props: LoadCollectionProps) {
  return (
    <OptionsContext.Consumer>
      {options => <CollectionFetcher {...options} {...props} />}
    </OptionsContext.Consumer>

• Read up
  Read up

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

Open

export default function LoadRecord(props: LoadRecordProps) {
  return (
    <OptionsContext.Consumer>
      {options => <RecordFetcher {...options} {...props} />}
    </OptionsContext.Consumer>

• Read up
  Read up

Function renderItems has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  renderItems(data: Record[], fetching: boolean) {
    const { columns, multiselect } = this.props
    const { mode, picked, queriedSearch, sort } = this.state

    if (data.length === 0) {

Function getItem has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  getItem(record: Record, index: number, list: Record[]) {
    const { onPicked } = this.props

    let isPicked = this.isPicked(record.id)
    let delay = Math.max(0, itemAnimationDelay(index) - this.offset)

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

Open

  describe('when the selection is loading', () => {
    let text = selectionText({ fetching })

    test('has the correct text', () => {
      expect(text).toBe('Loading photo')

• Read up
  Read up

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

Open

  describe('when the selection is not empty', () => {
    let text = selectionText({ item })

    test('has the correct text', () => {
      expect(text).toBe('Pick a different photo')

• Read up
  Read up

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

Open

  describe('when the selection is empty and the resource is plural', () => {
    let text = selectionText({ isPlural })

    test('has the correct text', () => {
      expect(text).toBe('Pick photos')

• Read up
  Read up

Function render has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const { resource, ids, onEdit, onClear } = this.props

    let hasPicked = ids.length

Function render has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    let { search, autoComplete, data } = this.props
    let inputId = `ars_search_${this.id}`
    let listId = `ars_search_list_${this.id}`

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

Open

export const TableIcon = generateIcon(() => (
  <>
    <path d="M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z" />
    <path d="M0 0h24v24H0z" fill="none" />
  </>

• Read up
  Read up

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

Open

              <TableHeading
                field="attribution"
                active={sort === 'attribution'}
                show={this.canRender('attribution')}
                onSort={this.changeSort}

• Read up
  Read up

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

Open

              <TableHeading
                field="name"
                active={sort === 'name'}
                show={this.canRender('name')}
                onSort={this.changeSort}

• Read up
  Read up

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

Open

              <TableHeading
                field="caption"
                active={sort === 'caption'}
                show={this.canRender('caption')}
                onSort={this.changeSort}

• Read up
  Read up

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

Open

export const GalleryIcon = generateIcon(() => (
  <>
    <path d="M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z" />
    <path d="M0 0h24v24H0z" fill="none" />
  </>

• Read up
  Read up

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

Open

              <TableHeading
                field="id"
                active={sort === 'id'}
                show={this.canRender('id')}
                onSort={this.changeSort}

• Read up
  Read up