kurpachsv/react-gallery

File Gallery.js has 450 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import PropTypes from 'prop-types';
import React, {Component} from 'react';
import equal from 'fast-deep-equal';
import Engine, {
    COLUMN_MAX_HEIGHT,

Function renderFixedGallery has 84 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    renderFixedGallery({
        className, fixedRows, rowClassName, columnClassName, imageRenderer, disableObserver, disableActualImage,
        enableDetailView, detailsViewRenderer, fixedBottom, placeholderColor,
        fixedBottomGutterInPecent, fixedImagePlaceholderColor,
    }) {

Function renderGallery has 81 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    renderGallery({
        className, rows, rowClassName, columnClassName, imageRenderer, disableObserver, disableActualImage,
        enableDetailView, detailsViewRenderer, disableLastRowDetecting, placeholderColor,
    }) {
        const {

Function UNSAFE_componentWillMount has 51 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    UNSAFE_componentWillMount() {
        const {
            images,
            columnsMaxCount,
            columnMaxWidth,

Function renderMasonryGallery has 43 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    renderMasonryGallery({
        className, columnClassName, imageRenderer, disableObserver, disableActualImage, columns,
        placeholderColor,
    }) {
        return (

Function UNSAFE_componentWillReceiveProps has 32 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    UNSAFE_componentWillReceiveProps(nextProps) {
        if (!equal(this.props, nextProps)) {

            this.engine
                .setImages(nextProps.images)

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

Open

                                                    onClick: () => this.handleSelectImage({
                                                        selectedImageRow: rowIndex,
                                                        selectedImage: column,
                                                        selectedRowHeight: newHeight,
                                                        // eslint-disable-next-line

• Read up
  Read up

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

Open

                                                        onClick: () => this.handleSelectImage({
                                                            selectedImageRow: rowIndex,
                                                            selectedImage: column,
                                                            selectedRowHeight: newHeight,
                                                            // eslint-disable-next-line

• Read up
  Read up

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

Open

                            <div>
                                {enableDetailView && detailsViewRenderer({
                                    ...row,
                                    visible: rowIndex === selectedImageRow,
                                    selectedImage,

• Read up
  Read up

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

Open

                            <div>
                                {enableDetailView && detailsViewRenderer({
                                    ...row,
                                    visible: rowIndex === selectedImageRow,
                                    selectedImage,

• Read up
  Read up

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

Open

        } else {
            this.setState({
                selectedImageRow: null,
                selectedImageRowPrev: null,
                selectedImage: null,

• Read up
  Read up

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

Open

    close = () => {
        this.setState({
            selectedImageRow: null,
            selectedImageRowPrev: null,
            selectedImage: null,

• Read up
  Read up