KarrLab/datanator_frontend

View on GitHub
src/scenes/About/About.js

Summary

Maintainability
F
2 wks
Test Coverage
A
100%

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

  render() {
    return (
      <div className="content-container content-container-about-scene">
        <h1 className="page-title">About</h1>
        <div className="content-container-columns">
Severity: Major
Found in src/scenes/About/About.js - About 5 days to fix

    File About.js has 1216 lines of code (exceeds 250 allowed). Consider refactoring.
    Open

    import React, { Component } from "react";
    import { HashLink } from "react-router-hash-link";
    import { scrollTo } from "~/utils/utils";
    import { SocialIcon } from "react-social-icons";
    import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
    Severity: Major
    Found in src/scenes/About/About.js - About 3 days to fix

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

                          <div className="main-developer">
                            <div className="main-developer-headshot-container">
                              <LazyLoad>
                                <a
                                  href="https://www.karrlab.org/"
      Severity: Major
      Found in src/scenes/About/About.js and 2 other locations - About 5 hrs to fix
      src/scenes/About/About.js on lines 1026..1050
      src/scenes/About/About.js on lines 1051..1075

      Duplicated Code

      Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

      Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

      When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

      Tuning

      This issue has a mass of 142.

      We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

      The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

      If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

      See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

      Refactorings

      Further Reading

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

                          <div className="main-developer">
                            <div className="main-developer-headshot-container">
                              <LazyLoad>
                                <a
                                  href="https://www.linkedin.com/in/yosef-roth-a80a378a"
      Severity: Major
      Found in src/scenes/About/About.js and 2 other locations - About 5 hrs to fix
      src/scenes/About/About.js on lines 1051..1075
      src/scenes/About/About.js on lines 1076..1100

      Duplicated Code

      Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

      Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

      When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

      Tuning

      This issue has a mass of 142.

      We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

      The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

      If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

      See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

      Refactorings

      Further Reading

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

                          <div className="main-developer">
                            <div className="main-developer-headshot-container">
                              <LazyLoad>
                                <a
                                  href="https://www.linkedin.com/in/zlian/"
      Severity: Major
      Found in src/scenes/About/About.js and 2 other locations - About 5 hrs to fix
      src/scenes/About/About.js on lines 1026..1050
      src/scenes/About/About.js on lines 1076..1100

      Duplicated Code

      Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

      Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

      When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

      Tuning

      This issue has a mass of 142.

      We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

      The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

      If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

      See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

      Refactorings

      Further Reading

      Similar blocks of code found in 9 locations. Consider refactoring.
      Open

                          <tr>
                            <td>
                              <a
                                href="http://ecmdb.ca/"
                                target="_blank"
      Severity: Major
      Found in src/scenes/About/About.js and 8 other locations - About 3 hrs to fix
      src/scenes/About/About.js on lines 349..363
      src/scenes/About/About.js on lines 365..379
      src/scenes/About/About.js on lines 381..395
      src/scenes/About/About.js on lines 397..411
      src/scenes/About/About.js on lines 413..427
      src/scenes/About/About.js on lines 429..443
      src/scenes/About/About.js on lines 445..459
      src/scenes/About/About.js on lines 461..475

      Duplicated Code

      Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

      Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

      When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

      Tuning

      This issue has a mass of 105.

      We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

      The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

      If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

      See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

      Refactorings

      Further Reading

      Similar blocks of code found in 9 locations. Consider refactoring.
      Open

                          <tr>
                            <td>
                              <a
                                href="https://www.uniprot.org/"
                                target="_blank"
      Severity: Major
      Found in src/scenes/About/About.js and 8 other locations - About 3 hrs to fix
      src/scenes/About/About.js on lines 333..347
      src/scenes/About/About.js on lines 349..363
      src/scenes/About/About.js on lines 365..379
      src/scenes/About/About.js on lines 381..395
      src/scenes/About/About.js on lines 397..411
      src/scenes/About/About.js on lines 413..427
      src/scenes/About/About.js on lines 429..443
      src/scenes/About/About.js on lines 461..475

      Duplicated Code

      Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

      Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

      When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

      Tuning

      This issue has a mass of 105.

      We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

      The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

      If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

      See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

      Refactorings

      Further Reading

      Similar blocks of code found in 9 locations. Consider refactoring.
      Open

                          <tr>
                            <td>
                              <a
                                href="https://iimcb.genesilico.pl/modomics/"
                                target="_blank"
      Severity: Major
      Found in src/scenes/About/About.js and 8 other locations - About 3 hrs to fix
      src/scenes/About/About.js on lines 333..347
      src/scenes/About/About.js on lines 365..379
      src/scenes/About/About.js on lines 381..395
      src/scenes/About/About.js on lines 397..411
      src/scenes/About/About.js on lines 413..427
      src/scenes/About/About.js on lines 429..443
      src/scenes/About/About.js on lines 445..459
      src/scenes/About/About.js on lines 461..475

      Duplicated Code

      Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

      Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

      When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

      Tuning

      This issue has a mass of 105.

      We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

      The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

      If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

      See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

      Refactorings

      Further Reading

      Similar blocks of code found in 9 locations. Consider refactoring.
      Open

                          <tr>
                            <td>
                              <a
                                href="https://www.orthodb.org/"
                                target="_blank"
      Severity: Major
      Found in src/scenes/About/About.js and 8 other locations - About 3 hrs to fix
      src/scenes/About/About.js on lines 333..347
      src/scenes/About/About.js on lines 349..363
      src/scenes/About/About.js on lines 365..379
      src/scenes/About/About.js on lines 397..411
      src/scenes/About/About.js on lines 413..427
      src/scenes/About/About.js on lines 429..443
      src/scenes/About/About.js on lines 445..459
      src/scenes/About/About.js on lines 461..475

      Duplicated Code

      Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

      Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

      When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

      Tuning

      This issue has a mass of 105.

      We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

      The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

      If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

      See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

      Refactorings

      Further Reading

      Similar blocks of code found in 9 locations. Consider refactoring.
      Open

                          <tr>
                            <td>
                              <a
                                href="https://proconsortium.org/"
                                target="_blank"
      Severity: Major
      Found in src/scenes/About/About.js and 8 other locations - About 3 hrs to fix
      src/scenes/About/About.js on lines 333..347
      src/scenes/About/About.js on lines 349..363
      src/scenes/About/About.js on lines 365..379
      src/scenes/About/About.js on lines 381..395
      src/scenes/About/About.js on lines 397..411
      src/scenes/About/About.js on lines 429..443
      src/scenes/About/About.js on lines 445..459
      src/scenes/About/About.js on lines 461..475

      Duplicated Code

      Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

      Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

      When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

      Tuning

      This issue has a mass of 105.

      We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

      The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

      If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

      See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

      Refactorings

      Further Reading

      Similar blocks of code found in 9 locations. Consider refactoring.
      Open

                          <tr>
                            <td>
                              <a
                                href="https://www.ncbi.nlm.nih.gov/taxonomy"
                                target="_blank"
      Severity: Major
      Found in src/scenes/About/About.js and 8 other locations - About 3 hrs to fix
      src/scenes/About/About.js on lines 333..347
      src/scenes/About/About.js on lines 349..363
      src/scenes/About/About.js on lines 381..395
      src/scenes/About/About.js on lines 397..411
      src/scenes/About/About.js on lines 413..427
      src/scenes/About/About.js on lines 429..443
      src/scenes/About/About.js on lines 445..459
      src/scenes/About/About.js on lines 461..475

      Duplicated Code

      Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

      Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

      When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

      Tuning

      This issue has a mass of 105.

      We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

      The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

      If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

      See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

      Refactorings

      Further Reading

      Similar blocks of code found in 9 locations. Consider refactoring.
      Open

                          <tr>
                            <td>
                              <a
                                href="https://pax-db.org/"
                                target="_blank"
      Severity: Major
      Found in src/scenes/About/About.js and 8 other locations - About 3 hrs to fix
      src/scenes/About/About.js on lines 333..347
      src/scenes/About/About.js on lines 349..363
      src/scenes/About/About.js on lines 365..379
      src/scenes/About/About.js on lines 381..395
      src/scenes/About/About.js on lines 413..427
      src/scenes/About/About.js on lines 429..443
      src/scenes/About/About.js on lines 445..459
      src/scenes/About/About.js on lines 461..475

      Duplicated Code

      Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

      Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

      When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

      Tuning

      This issue has a mass of 105.

      We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

      The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

      If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

      See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

      Refactorings

      Further Reading

      Similar blocks of code found in 9 locations. Consider refactoring.
      Open

                          <tr>
                            <td>
                              <a
                                href="https://sabiork.h-its.org/"
                                target="_blank"
      Severity: Major
      Found in src/scenes/About/About.js and 8 other locations - About 3 hrs to fix
      src/scenes/About/About.js on lines 333..347
      src/scenes/About/About.js on lines 349..363
      src/scenes/About/About.js on lines 365..379
      src/scenes/About/About.js on lines 381..395
      src/scenes/About/About.js on lines 397..411
      src/scenes/About/About.js on lines 413..427
      src/scenes/About/About.js on lines 445..459
      src/scenes/About/About.js on lines 461..475

      Duplicated Code

      Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

      Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

      When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

      Tuning

      This issue has a mass of 105.

      We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

      The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

      If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

      See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

      Refactorings

      Further Reading

      Similar blocks of code found in 9 locations. Consider refactoring.
      Open

                          <tr>
                            <td>
                              <a
                                href="http://www.ymdb.ca/"
                                target="_blank"
      Severity: Major
      Found in src/scenes/About/About.js and 8 other locations - About 3 hrs to fix
      src/scenes/About/About.js on lines 333..347
      src/scenes/About/About.js on lines 349..363
      src/scenes/About/About.js on lines 365..379
      src/scenes/About/About.js on lines 381..395
      src/scenes/About/About.js on lines 397..411
      src/scenes/About/About.js on lines 413..427
      src/scenes/About/About.js on lines 429..443
      src/scenes/About/About.js on lines 445..459

      Duplicated Code

      Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

      Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

      When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

      Tuning

      This issue has a mass of 105.

      We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

      The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

      If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

      See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

      Refactorings

      Further Reading

      Similar blocks of code found in 24 locations. Consider refactoring.
      Open

                        <a
                          href="https://nibib.nih.gov"
                          target="_blank"
                          rel="noopener noreferrer"
                        >
      Severity: Major
      Found in src/scenes/About/About.js and 23 other locations - About 1 hr to fix
      src/scenes/About/About.js on lines 1186..1199
      src/scenes/About/About.js on lines 1214..1227
      src/scenes/About/About.js on lines 1228..1241
      src/scenes/Home/Home.js on lines 750..763
      src/scenes/Home/Home.js on lines 794..807
      src/scenes/Home/Home.js on lines 808..821
      src/scenes/Home/Home.js on lines 822..835
      src/scenes/Home/Home.js on lines 836..849
      src/scenes/Home/Home.js on lines 852..865
      src/scenes/Home/Home.js on lines 866..879
      src/scenes/Home/Home.js on lines 880..893
      src/scenes/Home/Home.js on lines 894..907
      src/scenes/Home/Home.js on lines 908..921
      src/scenes/Home/Home.js on lines 922..935
      src/scenes/Home/Home.js on lines 936..949
      src/scenes/Home/Home.js on lines 952..965
      src/scenes/Home/Home.js on lines 966..979
      src/scenes/Home/Home.js on lines 980..993
      src/scenes/Home/Home.js on lines 994..1007
      src/scenes/Home/Home.js on lines 1008..1021
      src/scenes/Home/Home.js on lines 1022..1035
      src/scenes/Home/Home.js on lines 1036..1049
      src/scenes/Home/Home.js on lines 1050..1063

      Duplicated Code

      Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

      Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

      When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

      Tuning

      This issue has a mass of 70.

      We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

      The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

      If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

      See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

      Refactorings

      Further Reading

      Similar blocks of code found in 24 locations. Consider refactoring.
      Open

                        <a
                          href="https://nsf.gov"
                          target="_blank"
                          rel="noopener noreferrer"
                        >
      Severity: Major
      Found in src/scenes/About/About.js and 23 other locations - About 1 hr to fix
      src/scenes/About/About.js on lines 1186..1199
      src/scenes/About/About.js on lines 1200..1213
      src/scenes/About/About.js on lines 1214..1227
      src/scenes/Home/Home.js on lines 750..763
      src/scenes/Home/Home.js on lines 794..807
      src/scenes/Home/Home.js on lines 808..821
      src/scenes/Home/Home.js on lines 822..835
      src/scenes/Home/Home.js on lines 836..849
      src/scenes/Home/Home.js on lines 852..865
      src/scenes/Home/Home.js on lines 866..879
      src/scenes/Home/Home.js on lines 880..893
      src/scenes/Home/Home.js on lines 894..907
      src/scenes/Home/Home.js on lines 908..921
      src/scenes/Home/Home.js on lines 922..935
      src/scenes/Home/Home.js on lines 936..949
      src/scenes/Home/Home.js on lines 952..965
      src/scenes/Home/Home.js on lines 966..979
      src/scenes/Home/Home.js on lines 980..993
      src/scenes/Home/Home.js on lines 994..1007
      src/scenes/Home/Home.js on lines 1008..1021
      src/scenes/Home/Home.js on lines 1022..1035
      src/scenes/Home/Home.js on lines 1036..1049
      src/scenes/Home/Home.js on lines 1050..1063

      Duplicated Code

      Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

      Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

      When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

      Tuning

      This issue has a mass of 70.

      We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

      The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

      If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

      See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

      Refactorings

      Further Reading

      Similar blocks of code found in 24 locations. Consider refactoring.
      Open

                        <a
                          href="https://nigms.nih.gov"
                          target="_blank"
                          rel="noopener noreferrer"
                        >
      Severity: Major
      Found in src/scenes/About/About.js and 23 other locations - About 1 hr to fix
      src/scenes/About/About.js on lines 1186..1199
      src/scenes/About/About.js on lines 1200..1213
      src/scenes/About/About.js on lines 1228..1241
      src/scenes/Home/Home.js on lines 750..763
      src/scenes/Home/Home.js on lines 794..807
      src/scenes/Home/Home.js on lines 808..821
      src/scenes/Home/Home.js on lines 822..835
      src/scenes/Home/Home.js on lines 836..849
      src/scenes/Home/Home.js on lines 852..865
      src/scenes/Home/Home.js on lines 866..879
      src/scenes/Home/Home.js on lines 880..893
      src/scenes/Home/Home.js on lines 894..907
      src/scenes/Home/Home.js on lines 908..921
      src/scenes/Home/Home.js on lines 922..935
      src/scenes/Home/Home.js on lines 936..949
      src/scenes/Home/Home.js on lines 952..965
      src/scenes/Home/Home.js on lines 966..979
      src/scenes/Home/Home.js on lines 980..993
      src/scenes/Home/Home.js on lines 994..1007
      src/scenes/Home/Home.js on lines 1008..1021
      src/scenes/Home/Home.js on lines 1022..1035
      src/scenes/Home/Home.js on lines 1036..1049
      src/scenes/Home/Home.js on lines 1050..1063

      Duplicated Code

      Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

      Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

      When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

      Tuning

      This issue has a mass of 70.

      We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

      The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

      If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

      See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

      Refactorings

      Further Reading

      Similar blocks of code found in 24 locations. Consider refactoring.
      Open

                        <a
                          href="https://nih.gov"
                          target="_blank"
                          rel="noopener noreferrer"
                        >
      Severity: Major
      Found in src/scenes/About/About.js and 23 other locations - About 1 hr to fix
      src/scenes/About/About.js on lines 1200..1213
      src/scenes/About/About.js on lines 1214..1227
      src/scenes/About/About.js on lines 1228..1241
      src/scenes/Home/Home.js on lines 750..763
      src/scenes/Home/Home.js on lines 794..807
      src/scenes/Home/Home.js on lines 808..821
      src/scenes/Home/Home.js on lines 822..835
      src/scenes/Home/Home.js on lines 836..849
      src/scenes/Home/Home.js on lines 852..865
      src/scenes/Home/Home.js on lines 866..879
      src/scenes/Home/Home.js on lines 880..893
      src/scenes/Home/Home.js on lines 894..907
      src/scenes/Home/Home.js on lines 908..921
      src/scenes/Home/Home.js on lines 922..935
      src/scenes/Home/Home.js on lines 936..949
      src/scenes/Home/Home.js on lines 952..965
      src/scenes/Home/Home.js on lines 966..979
      src/scenes/Home/Home.js on lines 980..993
      src/scenes/Home/Home.js on lines 994..1007
      src/scenes/Home/Home.js on lines 1008..1021
      src/scenes/Home/Home.js on lines 1022..1035
      src/scenes/Home/Home.js on lines 1036..1049
      src/scenes/Home/Home.js on lines 1050..1063

      Duplicated Code

      Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

      Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

      When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

      Tuning

      This issue has a mass of 70.

      We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

      The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

      If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

      See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

      Refactorings

      Further Reading

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

        constructor(props) {
          super(props);
          this.contactEmail = process.env.REACT_APP_CONTACT_EMAIL;
          this.downloadUrl = process.env.REACT_APP_DOWNLOAD_URL;
        }
      Severity: Minor
      Found in src/scenes/About/About.js and 1 other location - About 55 mins to fix
      src/scenes/Help/Help.js on lines 11..15

      Duplicated Code

      Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

      Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

      When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

      Tuning

      This issue has a mass of 54.

      We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

      The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

      If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

      See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

      Refactorings

      Further Reading

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

                      <div>
                        <a
                          href="https://github.com/karrlab/datanator_frontend/issues"
                          target="_blank"
                          rel="noopener noreferrer"
      Severity: Minor
      Found in src/scenes/About/About.js and 1 other location - About 55 mins to fix
      src/scenes/Help/Help.js on lines 83..92

      Duplicated Code

      Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

      Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

      When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

      Tuning

      This issue has a mass of 53.

      We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

      The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

      If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

      See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

      Refactorings

      Further Reading

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

                    <div className="content-block-content">
                      <a
                        href="https://doi.org/10.1101/2020.08.06.240051"
                        target="_blank"
                        rel="noopener noreferrer"
      Severity: Minor
      Found in src/scenes/About/About.js and 2 other locations - About 30 mins to fix
      src/components/Footer/Footer.js on lines 17..26
      src/scenes/Help/Help.js on lines 60..70

      Duplicated Code

      Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

      Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

      When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

      Tuning

      This issue has a mass of 45.

      We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

      The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

      If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

      See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

      Refactorings

      Further Reading

      There are no issues that match your filters.

      Category
      Status