fabasoad/business-card

View on GitHub

Showing 83 of 87 total issues

Function testSkills has 46 lines of code (exceeds 25 allowed). Consider refactoring.
Open

export function testSkills(div: HTMLDivElement) {
  const expectedSkillsMap = new Map<string, string>([
    ['aws', 'AWS'],
    ['bootstrap', 'Bootstrap'],
    ['concourseCI', 'Concourse CI'],
Severity: Minor
Found in src/__tests__/components/TestUtils.ts - About 1 hr to fix

    Function MenuMain has 46 lines of code (exceeds 25 allowed). Consider refactoring.
    Open

    export default function MenuMain() {
      const { t } = useTranslation()
    
      const [expanded, setExpanded] = React.useState<boolean>(false)
      const [activeNavLink, setActiveNavLink] = React.useState<string>(document.location.hash)
    Severity: Minor
    Found in src/components/Menu/MenuMain.tsx - About 1 hr to fix

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

      describe('EducationMain', () => {
        test('should render EducationMain correctly', () => {
          const { container } = render(<EducationMain/>)
          testEducationMain(container.querySelector('div#education'), SupportedLocales.default)
        })
      Severity: Major
      Found in src/__tests__/components/Education/EducationMain.spec.tsx and 2 other locations - About 1 hr to fix
      src/__tests__/components/Certificates/CertificatesMain.spec.tsx on lines 8..13
      src/__tests__/components/Menu/LocaleDropDown.spec.tsx on lines 8..13

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

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

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

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

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

      Refactorings

      Further Reading

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

      describe('CertificatesMain', () => {
        test('should render CertificatesMain correctly', () => {
          const { container } = render(<CertificatesMain/>)
          testCertificatesMain(container.querySelector('div#certificates'), SupportedLocales.default)
        })
      src/__tests__/components/Education/EducationMain.spec.tsx on lines 8..13
      src/__tests__/components/Menu/LocaleDropDown.spec.tsx on lines 8..13

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

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

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

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

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

      Refactorings

      Further Reading

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

      describe('LocaleDropDown', () => {
        test('should render LocaleDropDown correctly', () => {
          const { container } = render(<LocaleDropDown />)
          testLocaleDropDown(container.querySelector('div.dropdown'), SupportedLocales.default)
        })
      Severity: Major
      Found in src/__tests__/components/Menu/LocaleDropDown.spec.tsx and 2 other locations - About 1 hr to fix
      src/__tests__/components/Certificates/CertificatesMain.spec.tsx on lines 8..13
      src/__tests__/components/Education/EducationMain.spec.tsx on lines 8..13

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

      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

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

      export function testCertificatesMain(div: HTMLDivElement, locale: Locale) {
        function findByUrl(items: Array<any>, url: string): any {
          for (const item of items) {
            if (item.url === url) {
              return item
      Severity: Minor
      Found in src/__tests__/components/Certificates/TestUtils.ts - About 1 hr to fix

        Function testAboutMain has 37 lines of code (exceeds 25 allowed). Consider refactoring.
        Open

        export function testAboutMain(div: HTMLDivElement) {
          expect(div).toHaveClass('container')
          testSectionTitle(
            div.querySelector('div.section-title'),
            'business-card-about-me-title'
        Severity: Minor
        Found in src/__tests__/components/About/TestUtils.ts - About 1 hr to fix

          Function testMenuMain has 34 lines of code (exceeds 25 allowed). Consider refactoring.
          Open

          export function testMenuMain(div: HTMLDivElement) {
            const expected = [
              'about',
              'skills',
              'experience',
          Severity: Minor
          Found in src/__tests__/components/Menu/TestUtils.ts - About 1 hr to fix

            Function testLanguageMain has 31 lines of code (exceeds 25 allowed). Consider refactoring.
            Open

            export function testLanguageMain(div: HTMLDivElement) {
              expect(div).toHaveClass('light-component')
              testSectionTitle(
                div.querySelector('div.section-title'),
                'business-card-languages-title'
            Severity: Minor
            Found in src/__tests__/components/Languages/TestUtils.ts - About 1 hr to fix

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

                      <li><a className="btn" target="_blank" rel="noopener noreferrer" href="https://github.com/fabasoad"><i className="fab fa-github fa-2x"></i></a></li>
              Severity: Major
              Found in src/components/Footer/FooterSocial.tsx and 4 other locations - About 1 hr to fix
              src/components/Footer/FooterSocial.tsx on lines 7..7
              src/components/Footer/FooterSocial.tsx on lines 9..9
              src/components/Footer/FooterSocial.tsx on lines 10..10
              src/components/Footer/FooterSocial.tsx on lines 11..11

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

              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

                }, {
                  title: 'business-card-experience-job-wbyt-4-title',
                  location: 'business-card-location-tokyo',
                  company: 'Woven by Toyota',
                  technologies: ['docker', 'gitlab', 'gitlabCi', 'typeScript', 'react', 'maven', 'java', 'quarkus', 'mongodb', 'intellijIdea', 'concourseCI', 'kubernetes', 'terraform', 'aws', 'gitHubActions'],
              Severity: Major
              Found in src/__tests__/components/Experience/TestUtils.ts and 1 other location - About 1 hr to fix
              src/__tests__/components/Experience/TestUtils.ts on lines 113..126

              Duplicated Code

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

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

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

              Tuning

              This issue has a mass of 58.

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

                      <li><a className="btn" target="_blank" rel="noopener noreferrer" href="https://dev.to/fabasoad"><i className="fab fa-dev fa-2x"></i></a></li>
              Severity: Major
              Found in src/components/Footer/FooterSocial.tsx and 4 other locations - About 1 hr to fix
              src/components/Footer/FooterSocial.tsx on lines 7..7
              src/components/Footer/FooterSocial.tsx on lines 8..8
              src/components/Footer/FooterSocial.tsx on lines 9..9
              src/components/Footer/FooterSocial.tsx on lines 10..10

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

              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

                }, {
                  title: 'business-card-experience-job-bitcoin-com-1-title',
                  location: 'business-card-location-tokyo',
                  company: 'Bitcoin.com',
                  technologies: [
              Severity: Major
              Found in src/__tests__/components/Experience/TestUtils.ts and 1 other location - About 1 hr to fix
              src/__tests__/components/Experience/TestUtils.ts on lines 68..77

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

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

                      <li><a className="btn" target="_blank" rel="noopener noreferrer" href="https://twitter.com/fabasoad"><i className="fab fa-x-twitter fa-2x"></i></a></li>
              Severity: Major
              Found in src/components/Footer/FooterSocial.tsx and 4 other locations - About 1 hr to fix
              src/components/Footer/FooterSocial.tsx on lines 8..8
              src/components/Footer/FooterSocial.tsx on lines 9..9
              src/components/Footer/FooterSocial.tsx on lines 10..10
              src/components/Footer/FooterSocial.tsx on lines 11..11

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

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

                      <li><a className="btn" target="_blank" rel="noopener noreferrer" href="https://www.linkedin.com/in/yevhenfabizhevskyi/"><i className="fab fa-linkedin fa-2x"></i></a></li>
              Severity: Major
              Found in src/components/Footer/FooterSocial.tsx and 4 other locations - About 1 hr to fix
              src/components/Footer/FooterSocial.tsx on lines 7..7
              src/components/Footer/FooterSocial.tsx on lines 8..8
              src/components/Footer/FooterSocial.tsx on lines 10..10
              src/components/Footer/FooterSocial.tsx on lines 11..11

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

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

                      <li><a className="btn" target="_blank" rel="noopener noreferrer" href="https://stackoverflow.com/users/470214/fabasoad"><i className="fab fa-stack-overflow fa-2x"></i></a></li>
              Severity: Major
              Found in src/components/Footer/FooterSocial.tsx and 4 other locations - About 1 hr to fix
              src/components/Footer/FooterSocial.tsx on lines 7..7
              src/components/Footer/FooterSocial.tsx on lines 8..8
              src/components/Footer/FooterSocial.tsx on lines 9..9
              src/components/Footer/FooterSocial.tsx on lines 11..11

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

              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 className="timeline-heading">
                        <h4>{t('business-card-education-university-title')}</h4>
                        <h4 className="subheading">{title}</h4>
                      </div>
              Severity: Major
              Found in src/components/Education/EducationItem.tsx and 1 other location - About 1 hr to fix
              src/components/Experience/JobResponsibilities.tsx on lines 24..27

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

              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 className="job-responsibilities">
                        <h5>{t('business-card-experience-responsibilities-title')}</h5>
                        <ul className="responsibilities">{respList}</ul>
                      </div>
              Severity: Major
              Found in src/components/Experience/JobResponsibilities.tsx and 1 other location - About 1 hr to fix
              src/components/Education/EducationItem.tsx on lines 19..22

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

              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

              Function testEducationMain has 26 lines of code (exceeds 25 allowed). Consider refactoring.
              Open

              export function testEducationMain(div: HTMLDivElement, locale: Locale) {
                const from = 2005
                const to = 2010
                expect(div).toHaveClass('light-component')
                const divContainer = div.querySelector('div.container')
              Severity: Minor
              Found in src/__tests__/components/Education/TestUtils.ts - About 1 hr to fix

                Function testCertificateItem has 7 arguments (exceeds 4 allowed). Consider refactoring.
                Open

                  div: HTMLDivElement,
                  locale: Locale,
                  date: Date,
                  issuerName: string,
                  technology: string,
                Severity: Major
                Found in src/__tests__/components/Certificates/TestUtils.ts - About 50 mins to fix
                  Severity
                  Category
                  Status
                  Source
                  Language