quran/quran.com-frontend

Function renderStatsBar has 48 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  renderStatsBar() {
    const { totalCount, totalPages, currentPage, query, perPage } = this.props;
    const from = Math.max(...[(currentPage - 1) * perPage, 1]);
    const to = Math.min(...[currentPage * perPage, totalCount]);
    const values = { from, to, query, total: totalCount };

Function renderBody has 35 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  renderBody() {
    const { isErrored, isLoading, results, entities, options, location: { query } } = this.props;

    if (!query || !query.q) {
      return (

Avoid too many return statements within this function.

Open

    return results.map(result => (
      <Verse
        verse={entities[result]}
        match={entities[result].match}
        key={entities[result].verseKey}

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

Open

    if (isErrored) {
      return (
        <h3 className="text-center" style={{ padding: '15%' }}>
          <LocaleFormattedMessage id="search.error" defaultMessage="Sorry, there was an error with your search." />
        </h3>

• Read up
  Read up

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

Open

    if (!results.length) {
      return (
        <h3 className="text-center" style={{ padding: '15%' }}>
          <LocaleFormattedMessage id="search.noResult" defaultMessage="No results found." />
        </h3>

• Read up
  Read up

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

Open

    if (!query || !query.q) {
      return (
        <h3 className="text-center" style={{ padding: '15%' }}>
          <LocaleFormattedMessage id="search.nothing" defaultMessage="No search query." />
        </h3>

• Read up
  Read up