examples/create-react-app/src/components/svg-icon.js

Summary

Maintainability
F
6 days
Test Coverage

Function SvgIconExample has 257 lines of code (exceeds 25 allowed). Consider refactoring.
Open

export default function SvgIconExample() {
    return (
        <div style={style}>
            <div style={cardStyle}>
                <h3>Icon with no icon or children properties defined</h3>
Severity: Major
Found in examples/create-react-app/src/components/svg-icon.js - About 1 day to fix

    File svg-icon.js has 278 lines of code (exceeds 250 allowed). Consider refactoring.
    Open

    import React from 'react';
    import { SvgIcon } from '@dhis2/d2-ui-core';
    
    const style = {
        margin: 16,
    Severity: Minor
    Found in examples/create-react-app/src/components/svg-icon.js - About 2 hrs to fix

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

                  <div style={cardStyle}>
                      <h3>InfoOutline</h3>
                      <SvgIcon icon={'InfoOutline'} />
                      <h3>NotInterested</h3>
                      <SvgIcon icon={'NotInterested'} />
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 1 other location - About 2 hrs to fix
      examples/create-react-app/src/components/svg-icon.js on lines 112..117

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

      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

                  <div style={cardStyle}>
                      <h3>FontDownload</h3>
                      <SvgIcon icon={'FontDownload'} />
                      <h3>Delete</h3>
                      <SvgIcon icon={'Delete'} />
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 1 other location - About 2 hrs to fix
      examples/create-react-app/src/components/svg-icon.js on lines 162..167

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

      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 style={cardStyle}>
                      <h3>Icon color</h3>
                      <SvgIcon icon={'Star'} style={{ fill: 'red' }} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 1 other location - About 1 hr to fix
      examples/create-react-app/src/components/svg-icon.js on lines 248..251

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

      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 style={cardStyle}>
                      <h3>Icon color</h3>
                      <SvgIcon icon={'Star'} style={{ fill: 'red' }} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 1 other location - About 1 hr to fix
      examples/create-react-app/src/components/svg-icon.js on lines 188..191

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

      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 style={cardStyle}>
                      <h3>Star, also with className prop</h3>
                      <SvgIcon icon={'Star'} className="my-starry-icon" />
                  </div>
      Severity: Minor
      Found in examples/create-react-app/src/components/svg-icon.js and 1 other location - About 50 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 252..255

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

      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 style={cardStyle}>
                      <h3>Star, also with className prop</h3>
                      <SvgIcon icon={'Star'} className="my-starry-icon" />
                  </div>
      Severity: Minor
      Found in examples/create-react-app/src/components/svg-icon.js and 1 other location - About 50 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 192..195

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

      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 style={cardStyle}>
                      <h3>Disabled icon</h3>
                      <SvgIcon icon={'Star'} disabled />
                  </div>
      Severity: Minor
      Found in examples/create-react-app/src/components/svg-icon.js and 1 other location - About 45 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 244..247

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

      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 style={cardStyle}>
                      <h3>Disabled icon</h3>
                      <SvgIcon icon={'Star'} disabled />
                  </div>
      Severity: Minor
      Found in examples/create-react-app/src/components/svg-icon.js and 1 other location - About 45 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 184..187

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

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

                  <div style={cardStyle}>
                      <h3>Done</h3>
                      <SvgIcon icon={'Done'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>Room</h3>
                      <SvgIcon icon={'Room'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>VisibilityOff</h3>
                      <SvgIcon icon={'VisibilityOff'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>Visibility</h3>
                      <SvgIcon icon={'Visibility'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>ChevronRight</h3>
                      <SvgIcon icon={'ChevronRight'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>CropFree</h3>
                      <SvgIcon icon={'CropFree'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>InsertChart</h3>
                      <SvgIcon icon={'InsertChart'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>InfoOutline</h3>
                      <SvgIcon icon={'InfoOutline'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>Launch</h3>
                      <SvgIcon icon={'Launch'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>Group</h3>
                      <SvgIcon icon={'Group'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>Person</h3>
                      <SvgIcon icon={'Person'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>ArrowDropRight</h3>
                      <SvgIcon icon={'ArrowDropRight'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>Person</h3>
                      <SvgIcon icon={'Person'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>Cancel</h3>
                      <SvgIcon icon={'Cancel'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>ChevronLeft</h3>
                      <SvgIcon icon={'ChevronLeft'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>Close</h3>
                      <SvgIcon icon={'Close'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>Delete</h3>
                      <SvgIcon icon={'Delete'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>Done</h3>
                      <SvgIcon icon={'Done'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>GridOn</h3>
                      <SvgIcon icon={'GridOn'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>NotInterested</h3>
                      <SvgIcon icon={'NotInterested'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>Visibility</h3>
                      <SvgIcon icon={'Visibility'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>MoreVert</h3>
                      <SvgIcon icon={'MoreVert'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>Room</h3>
                      <SvgIcon icon={'Room'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>ViewList</h3>
                      <SvgIcon icon={'ViewList'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>Icon not found</h3>
                      <SvgIcon icon={'DoesntExist'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>Create</h3>
                      <SvgIcon icon={'Create'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>Extension</h3>
                      <SvgIcon icon={'Extension'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>DragHandle</h3>
                      <SvgIcon icon={'DragHandle'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>Business</h3>
                      <SvgIcon icon={'Business'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>Public</h3>
                      <SvgIcon icon={'Public'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>Search</h3>
                      <SvgIcon icon={'Search'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>ArrowDownward</h3>
                      <SvgIcon icon={'ArrowDownward'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>Email</h3>
                      <SvgIcon icon={'Email'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>Group</h3>
                      <SvgIcon icon={'Group'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>Info</h3>
                      <SvgIcon icon={'Info'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>VisibilityOff</h3>
                      <SvgIcon icon={'VisibilityOff'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>Add</h3>
                      <SvgIcon icon={'Add'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>DragHandle</h3>
                      <SvgIcon icon={'DragHandle'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>Message</h3>
                      <SvgIcon icon={'Message'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>Launch</h3>
                      <SvgIcon icon={'Launch'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>MoreHoriz</h3>
                      <SvgIcon icon={'MoreHoriz'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>ThumbUp</h3>
                      <SvgIcon icon={'ThumbUp'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>ArrowUpward</h3>
                      <SvgIcon icon={'ArrowUpward'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>Reply</h3>
                      <SvgIcon icon={'Reply'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>List</h3>
                      <SvgIcon icon={'List'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275

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

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

                  <div style={cardStyle}>
                      <h3>Description</h3>
                      <SvgIcon icon={'Description'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>ViewList</h3>
                      <SvgIcon icon={'ViewList'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>ShowChart</h3>
                      <SvgIcon icon={'ShowChart'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>ShowChart</h3>
                      <SvgIcon icon={'ShowChart'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>StarBorder</h3>
                      <SvgIcon icon={'StarBorder'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 256..259
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

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

                  <div style={cardStyle}>
                      <h3>StarBorder</h3>
                      <SvgIcon icon={'StarBorder'} />
                  </div>
      Severity: Major
      Found in examples/create-react-app/src/components/svg-icon.js and 50 other locations - About 35 mins to fix
      examples/create-react-app/src/components/svg-icon.js on lines 40..43
      examples/create-react-app/src/components/svg-icon.js on lines 44..47
      examples/create-react-app/src/components/svg-icon.js on lines 48..51
      examples/create-react-app/src/components/svg-icon.js on lines 52..55
      examples/create-react-app/src/components/svg-icon.js on lines 56..59
      examples/create-react-app/src/components/svg-icon.js on lines 60..63
      examples/create-react-app/src/components/svg-icon.js on lines 64..67
      examples/create-react-app/src/components/svg-icon.js on lines 68..71
      examples/create-react-app/src/components/svg-icon.js on lines 72..75
      examples/create-react-app/src/components/svg-icon.js on lines 76..79
      examples/create-react-app/src/components/svg-icon.js on lines 80..83
      examples/create-react-app/src/components/svg-icon.js on lines 84..87
      examples/create-react-app/src/components/svg-icon.js on lines 88..91
      examples/create-react-app/src/components/svg-icon.js on lines 92..95
      examples/create-react-app/src/components/svg-icon.js on lines 96..99
      examples/create-react-app/src/components/svg-icon.js on lines 100..103
      examples/create-react-app/src/components/svg-icon.js on lines 104..107
      examples/create-react-app/src/components/svg-icon.js on lines 108..111
      examples/create-react-app/src/components/svg-icon.js on lines 118..121
      examples/create-react-app/src/components/svg-icon.js on lines 122..125
      examples/create-react-app/src/components/svg-icon.js on lines 126..129
      examples/create-react-app/src/components/svg-icon.js on lines 130..133
      examples/create-react-app/src/components/svg-icon.js on lines 134..137
      examples/create-react-app/src/components/svg-icon.js on lines 138..141
      examples/create-react-app/src/components/svg-icon.js on lines 142..145
      examples/create-react-app/src/components/svg-icon.js on lines 146..149
      examples/create-react-app/src/components/svg-icon.js on lines 150..153
      examples/create-react-app/src/components/svg-icon.js on lines 154..157
      examples/create-react-app/src/components/svg-icon.js on lines 158..161
      examples/create-react-app/src/components/svg-icon.js on lines 168..171
      examples/create-react-app/src/components/svg-icon.js on lines 172..175
      examples/create-react-app/src/components/svg-icon.js on lines 176..179
      examples/create-react-app/src/components/svg-icon.js on lines 180..183
      examples/create-react-app/src/components/svg-icon.js on lines 196..199
      examples/create-react-app/src/components/svg-icon.js on lines 200..203
      examples/create-react-app/src/components/svg-icon.js on lines 204..207
      examples/create-react-app/src/components/svg-icon.js on lines 208..211
      examples/create-react-app/src/components/svg-icon.js on lines 212..215
      examples/create-react-app/src/components/svg-icon.js on lines 216..219
      examples/create-react-app/src/components/svg-icon.js on lines 220..223
      examples/create-react-app/src/components/svg-icon.js on lines 224..227
      examples/create-react-app/src/components/svg-icon.js on lines 228..231
      examples/create-react-app/src/components/svg-icon.js on lines 232..235
      examples/create-react-app/src/components/svg-icon.js on lines 236..239
      examples/create-react-app/src/components/svg-icon.js on lines 240..243
      examples/create-react-app/src/components/svg-icon.js on lines 260..263
      examples/create-react-app/src/components/svg-icon.js on lines 264..267
      examples/create-react-app/src/components/svg-icon.js on lines 268..271
      examples/create-react-app/src/components/svg-icon.js on lines 272..275
      examples/create-react-app/src/components/svg-icon.js on lines 276..279

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

      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