jeresig/pharos-images

File Search.jsx has 338 lines of code (exceeds 250 allowed). Consider refactoring.

Open

"use strict";

const React = require("react");

const metadata = require("../lib/metadata");

Function renderSearchForm has 38 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    renderSearchForm() {
        const similarity = this.props.queries.similar.filters;

        return <form action={this.props.URL("/search")} method="GET">
            <input type="hidden" name="lang" value={this.props.lang}/>

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

Open

                    {this.props.end && <span>{this.props.format(
                        this.props.gettext("Viewing %(start)s to %(end)s."),
                        {
                            start: this.props.stringNum(this.props.start),
                            end: this.props.stringNum(this.props.end),

• Read up
  Read up

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

Open

                <a href={this.props.URL(artwork)}
                    title={this.props.getTitle(artwork)}
                >
                    <img src={artwork.getThumbURL()}
                        alt={this.props.getTitle(artwork)}

• Read up
  Read up

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

Open

    React.PropTypes.shape({
        count: React.PropTypes.number.isRequired,
        text: React.PropTypes.string.isRequired,
        url: React.PropTypes.string.isRequired,
    })

• Read up
  Read up

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

Open

        breadcrumbs: React.PropTypes.arrayOf(
            React.PropTypes.shape({
                name: React.PropTypes.string.isRequired,
                url: React.PropTypes.string.isRequired,
            })

• Read up
  Read up

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

Open

        sorts: React.PropTypes.arrayOf(
            React.PropTypes.shape({
                id: React.PropTypes.string.isRequired,
                name: React.PropTypes.string.isRequired,
            })

• Read up
  Read up

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

Open

        sources: React.PropTypes.arrayOf(
            React.PropTypes.shape({
                _id: React.PropTypes.string.isRequired,
                name: React.PropTypes.string.isRequired,
            })

• Read up
  Read up

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

Open

                {this.props.sources.map((source) =>
                    <option value={source._id} key={source._id}>
                        {source.name}
                    </option>
                )}

• Read up
  Read up

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

Open

                {this.props.sorts.map((sort) =>
                    <option value={sort.id} key={sort.id}>
                        {sort.name}
                    </option>
                )}

• Read up
  Read up

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

Open

                    <strong>{this.props.format(
                        this.props.gettext("%(numArtworks)s matches."),
                            {numArtworks: this.props.stringNum(
                                this.props.total)})}

• Read up
  Read up

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

Open

        return <div className="hidden-xs hidden-sm">
            {this.props.facets.map((facet) => this.renderFacet(facet))}
        </div>;

• Read up
  Read up

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

Open

            <div className="row">
                {this.props.artworks.map((artwork) =>
                    this.renderResult(artwork))}
            </div>

• Read up
  Read up

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

Open

            <select name="source" style={{width: "100%"}}
                className="form-control"
                defaultValue={this.props.values.source}
            >
                <option value="">{this.props.gettext("Any Source")}</option>

• Read up
  Read up

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

Open

            <select name="sort" style={{width: "100%"}}
                className="form-control"
                defaultValue={this.props.values.sort}
            >
                {this.props.sorts.map((sort) =>

• Read up
  Read up

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

Open

                <select name="similar" style={{width: "100%"}}
                    className="form-control"
                    defaultValue={this.props.values.similar}
                >
                    <option value=""></option>

• Read up
  Read up