nexxtway/react-rainbow

View on GitHub

Showing 2,739 of 2,739 total issues

Function handleChangeHour has a Cognitive Complexity of 13 (exceeds 5 allowed). Consider refactoring.
Open

    handleChangeHour(event) {
        const { hour } = this.state;
        const { hour24 } = this.props;
        const { value } = event.target;
        let normalizedValue;
Severity: Minor
Found in src/components/TimePicker/timeSelect.js - About 1 hr to fix

Cognitive Complexity

Cognitive Complexity is a measure of how difficult a unit of code is to intuitively understand. Unlike Cyclomatic Complexity, which determines how difficult your code will be to test, Cognitive Complexity tells you how difficult your code will be to read and comprehend.

A method's cognitive complexity is based on a few simple rules:

  • Code is not considered more complex when it uses shorthand that the language provides for collapsing multiple statements into one
  • Code is considered more complex for each "break in the linear flow of the code"
  • Code is considered more complex when "flow breaking structures are nested"

Further reading

Function getColumns has a Cognitive Complexity of 13 (exceeds 5 allowed). Consider refactoring.
Open

export default function getColumns(params) {
    const {
        children = [],
        showCheckboxColumn,
        showRowNumberColumn,
Severity: Minor
Found in src/components/Table/helpers/columns/getColumns.js - About 1 hr to fix

Cognitive Complexity

Cognitive Complexity is a measure of how difficult a unit of code is to intuitively understand. Unlike Cyclomatic Complexity, which determines how difficult your code will be to test, Cognitive Complexity tells you how difficult your code will be to read and comprehend.

A method's cognitive complexity is based on a few simple rules:

  • Code is not considered more complex when it uses shorthand that the language provides for collapsing multiple statements into one
  • Code is considered more complex for each "break in the linear flow of the code"
  • Code is considered more complex when "flow breaking structures are nested"

Further reading

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

    render() {
        const { label, description, style, assistiveText, children, className } = this.props;
        const { isExpanded } = this.state;
        const sectionMaxHeight = {
            maxHeight: getMaxHeight(children, isExpanded),
Severity: Minor
Found in src/components/VerticalSectionOverflow/index.js - About 1 hr to fix

    Function Twitter has 39 lines of code (exceeds 25 allowed). Consider refactoring.
    Open

    const Twitter = props => {
        const { className, style } = props;
        return (
            <svg
                className={className}
    Severity: Minor
    Found in library/exampleComponents/Icons/twitter.js - About 1 hr to fix

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

                  {
                      field: 'a',
                      header: 'header',
                      headerAlignment: undefined,
                      component: <span />,
      src/components/Table/helpers/columns/__test__/getColumns.spec.js on lines 55..66
      src/components/Table/helpers/columns/__test__/getColumns.spec.js on lines 80..91
      src/components/Table/helpers/columns/__test__/getColumns.spec.js on lines 115..126

      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 66.

      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 4 locations. Consider refactoring.
      Open

                  {
                      field: 'a',
                      header: 'header',
                      headerAlignment: undefined,
                      component: <span />,
      src/components/Table/helpers/columns/__test__/getColumns.spec.js on lines 55..66
      src/components/Table/helpers/columns/__test__/getColumns.spec.js on lines 80..91
      src/components/Table/helpers/columns/__test__/getColumns.spec.js on lines 137..148

      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 66.

      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 4 locations. Consider refactoring.
      Open

                  {
                      field: 'a',
                      header: 'header',
                      headerAlignment: undefined,
                      component: <span />,
      src/components/Table/helpers/columns/__test__/getColumns.spec.js on lines 80..91
      src/components/Table/helpers/columns/__test__/getColumns.spec.js on lines 115..126
      src/components/Table/helpers/columns/__test__/getColumns.spec.js on lines 137..148

      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 66.

      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 4 locations. Consider refactoring.
      Open

                  {
                      field: 'a',
                      header: 'header',
                      headerAlignment: undefined,
                      component: <span />,
      src/components/Table/helpers/columns/__test__/getColumns.spec.js on lines 55..66
      src/components/Table/helpers/columns/__test__/getColumns.spec.js on lines 115..126
      src/components/Table/helpers/columns/__test__/getColumns.spec.js on lines 137..148

      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 66.

      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 8 locations. Consider refactoring.
      Open

          it('should set "center" to labelAlignment if prop not passed in the Label component', () => {
              const component = mount(<RadioButtonGroup label="RadioButtonGroup Label" />);
              expect(component.find(StyledLabel).prop('labelAlignment')).toBe('center');
          });
      src/components/Card/__test__/card.spec.js on lines 40..43
      src/components/CheckboxGroup/__test__/checkboxGroup.spec.js on lines 74..77
      src/components/MenuItem/__test__/menuItem.spec.js on lines 12..15
      src/components/Notification/__test__/notification.spec.js on lines 15..18
      src/components/RadioGroup/__test__/radioGroup.spec.js on lines 54..57
      src/components/Rating/__test__/rating.spec.js on lines 32..35
      src/components/Slider/__test__/slider.spec.js on lines 46..49

      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 66.

      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 8 locations. Consider refactoring.
      Open

          it('should set the prop size as "small" in ButtonIcon', () => {
              const component = mount(<Notification title="Notification test" />);
              expect(component.find(ButtonIcon).prop('size')).toBe('small');
          });
      Severity: Major
      Found in src/components/Notification/__test__/notification.spec.js and 7 other locations - About 1 hr to fix
      src/components/Card/__test__/card.spec.js on lines 40..43
      src/components/CheckboxGroup/__test__/checkboxGroup.spec.js on lines 74..77
      src/components/MenuItem/__test__/menuItem.spec.js on lines 12..15
      src/components/RadioButtonGroup/__test__/radioButtonGroup.spec.js on lines 76..79
      src/components/RadioGroup/__test__/radioGroup.spec.js on lines 54..57
      src/components/Rating/__test__/rating.spec.js on lines 32..35
      src/components/Slider/__test__/slider.spec.js on lines 46..49

      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 66.

      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 8 locations. Consider refactoring.
      Open

          it('should set "center" to labelAlignment if prop not passed in the Label component', () => {
              const component = mount(<Rating label="Rating Label" />);
              expect(component.find(StyledLabel).prop('labelAlignment')).toBe('center');
          });
      Severity: Major
      Found in src/components/Rating/__test__/rating.spec.js and 7 other locations - About 1 hr to fix
      src/components/Card/__test__/card.spec.js on lines 40..43
      src/components/CheckboxGroup/__test__/checkboxGroup.spec.js on lines 74..77
      src/components/MenuItem/__test__/menuItem.spec.js on lines 12..15
      src/components/Notification/__test__/notification.spec.js on lines 15..18
      src/components/RadioButtonGroup/__test__/radioButtonGroup.spec.js on lines 76..79
      src/components/RadioGroup/__test__/radioGroup.spec.js on lines 54..57
      src/components/Slider/__test__/slider.spec.js on lines 46..49

      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 66.

      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 8 locations. Consider refactoring.
      Open

          it('should set the id to the container element', () => {
              const component = shallow(<Card id="test-card" />);
              expect(component.find(StyledContainer).prop('id')).toBe('test-card');
          });
      Severity: Major
      Found in src/components/Card/__test__/card.spec.js and 7 other locations - About 1 hr to fix
      src/components/CheckboxGroup/__test__/checkboxGroup.spec.js on lines 74..77
      src/components/MenuItem/__test__/menuItem.spec.js on lines 12..15
      src/components/Notification/__test__/notification.spec.js on lines 15..18
      src/components/RadioButtonGroup/__test__/radioButtonGroup.spec.js on lines 76..79
      src/components/RadioGroup/__test__/radioGroup.spec.js on lines 54..57
      src/components/Rating/__test__/rating.spec.js on lines 32..35
      src/components/Slider/__test__/slider.spec.js on lines 46..49

      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 66.

      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 8 locations. Consider refactoring.
      Open

          it('should set "center" to labelAlignment if prop not passed in the Label component', () => {
              const component = mount(<Slider label="Slider Label" />);
              expect(component.find(StyledLabel).prop('labelAlignment')).toBe('center');
          });
      Severity: Major
      Found in src/components/Slider/__test__/slider.spec.js and 7 other locations - About 1 hr to fix
      src/components/Card/__test__/card.spec.js on lines 40..43
      src/components/CheckboxGroup/__test__/checkboxGroup.spec.js on lines 74..77
      src/components/MenuItem/__test__/menuItem.spec.js on lines 12..15
      src/components/Notification/__test__/notification.spec.js on lines 15..18
      src/components/RadioButtonGroup/__test__/radioButtonGroup.spec.js on lines 76..79
      src/components/RadioGroup/__test__/radioGroup.spec.js on lines 54..57
      src/components/Rating/__test__/rating.spec.js on lines 32..35

      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 66.

      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 8 locations. Consider refactoring.
      Open

          it('should set "left" to labelAlignment if prop not passed in the Label component', () => {
              const component = mount(<CheckboxGroup label="CheckboxGroup Label" />);
              expect(component.find(StyledLabel).prop('labelAlignment')).toBe('left');
          });
      src/components/Card/__test__/card.spec.js on lines 40..43
      src/components/MenuItem/__test__/menuItem.spec.js on lines 12..15
      src/components/Notification/__test__/notification.spec.js on lines 15..18
      src/components/RadioButtonGroup/__test__/radioButtonGroup.spec.js on lines 76..79
      src/components/RadioGroup/__test__/radioGroup.spec.js on lines 54..57
      src/components/Rating/__test__/rating.spec.js on lines 32..35
      src/components/Slider/__test__/slider.spec.js on lines 46..49

      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 66.

      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 8 locations. Consider refactoring.
      Open

          it('should set "left" to labelAlignment if prop not passed in the Label component', () => {
              const component = mount(<RadioGroup label="RadioGroup Label" />);
              expect(component.find(StyledLabel).prop('labelAlignment')).toBe('left');
          });
      Severity: Major
      Found in src/components/RadioGroup/__test__/radioGroup.spec.js and 7 other locations - About 1 hr to fix
      src/components/Card/__test__/card.spec.js on lines 40..43
      src/components/CheckboxGroup/__test__/checkboxGroup.spec.js on lines 74..77
      src/components/MenuItem/__test__/menuItem.spec.js on lines 12..15
      src/components/Notification/__test__/notification.spec.js on lines 15..18
      src/components/RadioButtonGroup/__test__/radioButtonGroup.spec.js on lines 76..79
      src/components/Rating/__test__/rating.spec.js on lines 32..35
      src/components/Slider/__test__/slider.spec.js on lines 46..49

      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 66.

      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 8 locations. Consider refactoring.
      Open

          it('should set the title passed in the label container', () => {
              const component = mount(<MenuItem title="item title" />);
              expect(component.find(StyledIconContainer).prop('title')).toBe('item title');
          });
      Severity: Major
      Found in src/components/MenuItem/__test__/menuItem.spec.js and 7 other locations - About 1 hr to fix
      src/components/Card/__test__/card.spec.js on lines 40..43
      src/components/CheckboxGroup/__test__/checkboxGroup.spec.js on lines 74..77
      src/components/Notification/__test__/notification.spec.js on lines 15..18
      src/components/RadioButtonGroup/__test__/radioButtonGroup.spec.js on lines 76..79
      src/components/RadioGroup/__test__/radioGroup.spec.js on lines 54..57
      src/components/Rating/__test__/rating.spec.js on lines 32..35
      src/components/Slider/__test__/slider.spec.js on lines 46..49

      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 66.

      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 6 locations. Consider refactoring.
      Open

                              <g id="Group-18" transform="translate(21.904762, 0.000000)" fill="#D60A0B">
                                  <path d="M1.89734272,21.9047619 C0.226470671,21.9047619 -0.632290764,19.8233773 0.544460105,18.6470249 C1.18043873,18.0123639 2.21152365,17.9137021 2.95889393,18.4108059 C3.61391383,18.8452972 3.94047153,19.6630519 3.76053153,20.4267322 C3.56059825,21.2795877 2.77800168,21.9047619 1.89734272,21.9047619 Z" />
                                  <path d="M9.51718625,14.2857143 C7.78651541,14.2857143 6.94068426,12.0510654 8.27460454,10.9280499 C8.90921545,10.3930997 9.83496763,10.3248082 10.5399853,10.7677544 C11.2174112,11.1936279 11.5627843,12.0301984 11.3801077,12.808911 C11.180305,13.6597093 10.3982207,14.2857143 9.51718625,14.2857143 Z" />
                                  <path d="M6.18986948,4.76190476 C5.14991907,4.76190476 4.21420089,4.06194307 3.90979639,3.06894686 C3.60776065,2.07832325 4.00573706,0.966689495 4.86565021,0.392483758 C6.63285497,-0.789146229 9.02426684,0.88127046 8.49718507,2.95624112 C8.23068309,4.00262445 7.27009115,4.76190476 6.18986948,4.76190476 Z" />
                              </g>
      Severity: Major
      Found in library/pages/components/FeatureList/images/testing.js and 5 other locations - About 1 hr to fix
      library/exampleComponents/Icons/application.js on lines 20..24
      library/exampleComponents/Icons/photographer.js on lines 49..57
      src/components/PhoneInput/flags/SaintBarthelemy.js on lines 476..480
      src/components/PhoneInput/flags/SaintBarthelemy.js on lines 481..485
      src/components/PhoneInput/flags/SaintBarthelemy.js on lines 486..490

      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 66.

      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 6 locations. Consider refactoring.
      Open

                                  <g id="Group" transform="translate(1.113351, 0.000000)" fill="#E20460">
                                      <path d="M3.80434783,-3.41632003e-15 L0.808019004,-3.41632003e-15 C0.362018927,-3.41632003e-15 0.00044990882,0.361569018 0.00044990882,0.807569095 L0.00044990882,1.89167628 L2.3061834,2.64360783 L4.61176696,1.89167628 L4.61176696,0.807569095 C4.61191692,0.361569018 4.25034794,-3.55271368e-15 3.80434783,-3.41632003e-15 Z" />
                                      <path d="M13.6253479,0 L16.6216767,0 C17.0676768,0 17.4292458,0.361569018 17.4292458,0.807569095 L17.4292458,1.89167628 L15.1235124,2.64360783 L12.8177788,1.89152629 L12.8177788,0.807569095 C12.8177788,0.361569018 13.1793478,0 13.6253479,0 Z" />
                                      <path d="M10.2130123,0 L7.21668344,0 C6.77068337,0 6.40911435,0.361569018 6.40911435,0.807569095 L6.40911435,1.89167628 L8.71484787,2.64360783 L11.0204314,1.89152629 L11.0204314,0.807569095 C11.0204314,0.361569018 10.6590124,0 10.2130123,0 Z" />
                                  </g>
      Severity: Major
      Found in library/exampleComponents/Icons/application.js and 5 other locations - About 1 hr to fix
      library/exampleComponents/Icons/photographer.js on lines 49..57
      library/pages/components/FeatureList/images/testing.js on lines 129..133
      src/components/PhoneInput/flags/SaintBarthelemy.js on lines 476..480
      src/components/PhoneInput/flags/SaintBarthelemy.js on lines 481..485
      src/components/PhoneInput/flags/SaintBarthelemy.js on lines 486..490

      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 66.

      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 6 locations. Consider refactoring.
      Open

                      <g fill="#EACE24" fillRule="nonzero" stroke="#806600">
                          <path d="M18.575 12.872c.01-.095.005-.275-.044-.357-.016-.027-.057-.06-.088-.058-.03.001-.074.01-.088.039a.252.252 0 00-.019.11c.004.04.05.124.05.124s-.164-.034-.22-.078a.414.414 0 01-.132-.195c-.006-.024-.03-.1 0-.192a.439.439 0 01.11-.161c.104-.093.308-.066.35-.043.054.03.121.096.144.156a1.898 1.898 0 01.094.474c.006.07.02.132.007.2-.008.038-.018.122-.039.178-.02.056-.053.084-.08.108-.058.051-.24.078-.24.078s.1-.13.126-.188c.03-.069.061-.12.07-.195M19.021 12.872c-.01-.095-.004-.275.044-.357.017-.027.057-.06.088-.058.031.001.074.01.088.039a.25.25 0 01.02.11c-.005.04-.051.124-.051.124s.164-.034.22-.078a.414.414 0 00.132-.195c.006-.024.03-.1 0-.192a.44.44 0 00-.11-.161c-.104-.093-.307-.066-.35-.043a.352.352 0 00-.144.156 1.904 1.904 0 00-.094.474c-.006.07-.02.132-.006.2.007.038.017.122.038.178.02.056.053.084.081.108.057.051.24.078.24.078s-.1-.13-.127-.188c-.03-.069-.061-.12-.069-.195" />
                          <path d="M18.797 13.58s.147-.124.171-.264c.022-.127-.075-.275-.083-.335-.03-.238.033-.556.039-.582.022-.103.05-.147.066-.18.01-.025.041-.073.072-.12.018-.027.057-.077.077-.128a.415.415 0 00.002-.271.284.284 0 00-.11-.139l-.131-.083c-.063-.041-.102-.177-.103-.177 0 0-.04.136-.103.177-.019.013-.067.044-.13.083a.283.283 0 00-.109.139.412.412 0 00.002.27c.02.052.06.102.077.129.031.047.062.095.073.12.015.033.043.077.065.18.006.026.068.344.039.582-.008.06-.107.208-.085.335.024.14.171.265.171.265" />
                          <path d="M19.127 12.965l-.07-.25h-.517l-.07.25.07.25h.516z" />
                      </g>
      Severity: Major
      Found in src/components/PhoneInput/flags/SaintBarthelemy.js and 5 other locations - About 1 hr to fix
      library/exampleComponents/Icons/application.js on lines 20..24
      library/exampleComponents/Icons/photographer.js on lines 49..57
      library/pages/components/FeatureList/images/testing.js on lines 129..133
      src/components/PhoneInput/flags/SaintBarthelemy.js on lines 476..480
      src/components/PhoneInput/flags/SaintBarthelemy.js on lines 481..485

      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 66.

      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 6 locations. Consider refactoring.
      Open

                                          <g
                                              id="Group"
                                              transform="translate(3.862069, 23.172414)"
                                              fill="#878787"
                                          >
      Severity: Major
      Found in library/exampleComponents/Icons/photographer.js and 5 other locations - About 1 hr to fix
      library/exampleComponents/Icons/application.js on lines 20..24
      library/pages/components/FeatureList/images/testing.js on lines 129..133
      src/components/PhoneInput/flags/SaintBarthelemy.js on lines 476..480
      src/components/PhoneInput/flags/SaintBarthelemy.js on lines 481..485
      src/components/PhoneInput/flags/SaintBarthelemy.js on lines 486..490

      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 66.

      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

      Severity
      Category
      Status
      Source
      Language