nexxtway/react-rainbow

View on GitHub

Showing 2,739 of 2,739 total issues

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

describe('<CurrencyInput />', () => {
    it('should mount a input with a value of $5.00', () => {
        [5, '5', '5.', '5.00', '5.00003'].forEach(value => {
            render(<CurrencyInput value={value} />);
        });
Severity: Major
Found in src/components/CurrencyInput/__test__/currencyInput.spec.js and 1 other location - About 1 wk to fix
src/components/PercentInput/__test__/percentInput.spec.js on lines 14..145

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

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

describe('<PercentInput />', () => {
    it('should mount a input with a value of 5%', () => {
        [5, '5', '5.', '5.00', '5.00003'].forEach(value => {
            render(<PercentInput value={value} />);
        });
Severity: Major
Found in src/components/PercentInput/__test__/percentInput.spec.js and 1 other location - About 1 wk to fix
src/components/CurrencyInput/__test__/currencyInput.spec.js on lines 14..145

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

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

                <g>
                    <g transform="translate(13.437 17.159)">
                        <path
                            d="M.229 1.132h1.557v.364H.229v-.364zm0-.08C.226.71.178.359.032.058a.2.2 0 01.241.268A.2.2 0 11.316.7C.33.834.4.936.482.936c.064 0 .12-.06.15-.15.028.09.084.15.148.15C.869.937.942.819.949.67A.2.2 0 11.834.307a.2.2 0 11.346 0 .2.2 0 11-.114.363c.007.15.08.267.169.267.064 0 .12-.06.148-.15.03.09.085.15.15.15.082 0 .151-.102.166-.237a.2.2 0 11.043-.376.2.2 0 01.24-.267c-.145.3-.194.653-.196.996H.229z"
                            stroke="#806600"
Severity: Major
Found in src/components/PhoneInput/flags/SaintBarthelemy.js and 1 other location - About 5 days to fix
src/components/PhoneInput/flags/SaintBarthelemy.js on lines 775..925

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

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

                <g>
                    <g transform="translate(16.58 17.159)">
                        <path
                            d="M.229 1.132h1.557v.364H.229v-.364zm0-.08C.226.71.178.359.032.058a.2.2 0 01.241.268A.2.2 0 11.316.7C.33.834.4.936.482.936c.064 0 .12-.06.15-.15.028.09.084.15.148.15C.869.937.942.819.949.67A.2.2 0 11.834.307a.2.2 0 11.346 0 .2.2 0 11-.114.363c.007.15.08.267.169.267.064 0 .12-.06.148-.15.03.09.085.15.15.15.082 0 .151-.102.166-.237a.2.2 0 11.043-.376.2.2 0 01.24-.267c-.145.3-.194.653-.196.996H.229z"
                            stroke="#806600"
Severity: Major
Found in src/components/PhoneInput/flags/SaintBarthelemy.js and 1 other location - About 5 days to fix
src/components/PhoneInput/flags/SaintBarthelemy.js on lines 624..774

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

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

                <g>
                    <path
                        d="M9.201 18.73c-.011 1.25-.022 1.294-.022 1.294.547.536.612.732.774.906.21-.304.536-.182.536-.182.066-.288.415-.536.415-.536-.487-.039-1.327-.288-1.393-.387-.22-.33.083-1.332.083-1.332l-.393.237z"
                        fill="#EACE24"
                        fillRule="nonzero"
Severity: Major
Found in src/components/PhoneInput/flags/SaintBarthelemy.js and 1 other location - About 4 days to fix
src/components/PhoneInput/flags/SaintBarthelemy.js on lines 311..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 829.

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

                <g>
                    <path
                        d="M22.815 18.73c.011 1.25.022 1.294.022 1.294-.547.536-.612.732-.774.906-.21-.304-.536-.182-.536-.182-.066-.288-.415-.536-.415-.536.487-.039 1.327-.288 1.393-.387.22-.33-.083-1.332-.083-1.332l.393.237z"
                        fill="#EACE24"
                        fillRule="nonzero"
Severity: Major
Found in src/components/PhoneInput/flags/SaintBarthelemy.js and 1 other location - About 4 days to fix
src/components/PhoneInput/flags/SaintBarthelemy.js on lines 146..310

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

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

File table.spec.js has 1625 lines of code (exceeds 250 allowed). Consider refactoring.
Open

import React from 'react';
import { mount } from 'enzyme';
import Table from '../index';
import Column from '../../Column';
import { ESCAPE_KEY, ENTER_KEY } from '../../../libs/constants';
Severity: Major
Found in src/components/Table/__test__/table.spec.js - About 4 days to fix

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

    describe('<InputCheckbox/>', () => {
        it('should set an id in the input element', () => {
            const component = mount(<InputCheckbox />);
            expect(component.find('input').prop('id')).toMatch(/input/);
        });
    Severity: Major
    Found in src/components/Input/inputCheckbox/__test__/input.spec.js and 1 other location - About 4 days to fix
    src/components/Input/inputRadio/__test__/input.spec.js on lines 6..52

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

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

    describe('<InputRadio/>', () => {
        it('should set an id in the input element', () => {
            const component = mount(<InputRadio />);
            expect(component.find('input').prop('id')).toMatch(/input/);
        });
    Severity: Major
    Found in src/components/Input/inputRadio/__test__/input.spec.js and 1 other location - About 4 days to fix
    src/components/Input/inputCheckbox/__test__/input.spec.js on lines 6..52

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

    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

    File countries.js has 1455 lines of code (exceeds 250 allowed). Consider refactoring.
    Open

    import * as Flags from './flags';
    
    export default [
        {
            flagIcon: Flags.Afghanistan,
    Severity: Major
    Found in src/components/PhoneInput/countries.js - About 3 days to fix

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

      export default class InputRadio extends Component {
          constructor(props) {
              super(props);
              this.inlineTextLabelId = uniqueId('inline-text-label');
              this.errorMessageId = uniqueId('error-message');
      Severity: Major
      Found in src/components/Input/inputRadio/index.js and 1 other location - About 3 days to fix
      src/components/Input/inputCheckbox/index.js on lines 10..111

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

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

      export default class InputCheckbox extends Component {
          constructor(props) {
              super(props);
              this.inlineTextLabelId = uniqueId('inline-text-label');
              this.errorMessageId = uniqueId('error-message');
      Severity: Major
      Found in src/components/Input/inputCheckbox/index.js and 1 other location - About 3 days to fix
      src/components/Input/inputRadio/index.js on lines 10..111

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

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

      describe('getCurrentMonth', () => {
          it('should return 2019/03/01 when 2019/03/21', () => {
              const values = [
                  new Date(2019, 2, 21),
                  new Date('03/21/2019'),
      src/components/WeeklyCalendar/helpers/__test__/getCurrentWeek.spec.js on lines 3..54

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

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

      describe('getCurrentWeek', () => {
          it('should return 2020/04/05 when 2020/04/08', () => {
              const values = [
                  new Date(2020, 3, 8),
                  new Date('04/08/2020'),
      src/components/MonthlyCalendar/helpers/__test__/getCurrentMonth.spec.js on lines 3..54

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

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

          it('should set the right rows to disabled when the maximum amount of selectable rows are selected', async () => {
              const table = new PageTable(TABLE);
              const row1 = await table.getRow(0);
              const row2 = await table.getRow(1);
              const row3 = await table.getRow(2);
      Severity: Major
      Found in integration/specs/Table/table-7.spec.js and 1 other location - About 3 days to fix
      integration/specs/Table/table-7.spec.js on lines 79..106

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

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

          it('should select the maximum amount of selectable rows and disable the rest when select all rows', async () => {
              const table = new PageTable(TABLE);
              const row1 = await table.getRow(0);
              const row2 = await table.getRow(1);
              const row3 = await table.getRow(2);
      Severity: Major
      Found in integration/specs/Table/table-7.spec.js and 1 other location - About 3 days to fix
      integration/specs/Table/table-7.spec.js on lines 52..78

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

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

      export default function DayOfWeek({ locale }) {
          return (
              <thead>
                  <tr>
                      <StyledHeaderDays scope="col">
      Severity: Major
      Found in src/components/Calendar/daysOfWeek.js and 1 other location - About 2 days to fix
      src/components/MonthlyCalendar/daysOfWeek.js on lines 7..63

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

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

      export default function DayOfWeek({ locale }) {
          return (
              <thead>
                  <tr>
                      <StyledHeaderDays scope="col">
      Severity: Major
      Found in src/components/MonthlyCalendar/daysOfWeek.js and 1 other location - About 2 days to fix
      src/components/Calendar/daysOfWeek.js on lines 7..63

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

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

                                      <g id="Group-4" transform="translate(47.000000, 36.000000)">
                                          <g id="design">
                                              <g
                                                  id="Group-74"
                                                  transform="translate(36.484723, 35.899204) rotate(146.000000) translate(-36.484723, -35.899204) translate(31.484723, 15.899204)"
      Severity: Major
      Found in library/exampleComponents/Icons/design.js and 1 other location - About 2 days to fix
      library/styleguideComponents/ComponentsList/icons/designIcon.js on lines 7..99

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

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

              <svg className={className} width="25px" height="26px" viewBox="0 0 25 26" version="1.1">
                  <g id="design">
                      <g
                          id="Group-74"
                          transform="translate(16.671466, 16.589692) rotate(146.000000) translate(-16.671466, -16.589692) translate(14.171466, 7.089692)"
      library/exampleComponents/Icons/design.js on lines 13..105

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

      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