Sign upLogin

MyEMS/myems

View on GitHub
Star
myems-web/src/components/utilities/Typography.js

Summary

Maintainability
F
6 days
Test Coverage

File Typography.js has 309 lines of code (exceeds 250 allowed). Consider refactoring.
Open

import React, { Fragment } from 'react';
import { Card, CardHeader, CardBody, Row, Col } from 'reactstrap';
import PageHeader from '../common/PageHeader';
import FalconEditor from '../common/FalconEditor';
import FalconCardHeader from '../common/FalconCardHeader';
Severity: Minor
Found in myems-web/src/components/utilities/Typography.js - About 3 hrs to fix

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

        <Row noGutters>
      <Col sm={6} className="pr-sm-2 mb-3">
        <Card>
          <CardHeader>
            <h5 className="mb-0">Left Alignment</h5>
    Severity: Major
    Found in myems-web/src/components/utilities/Typography.js and 1 other location - About 2 days to fix
    myems-web/src/components/bootstrap-components/Tables.js on lines 259..300

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

    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

          <Col sm={6} className="pr-sm-2 mb-3">
        <Card>
          <CardHeader>
            <h5 className="mb-0">Unstyled List</h5>
            <p className="mb-0">
    Severity: Major
    Found in myems-web/src/components/utilities/Typography.js and 1 other location - About 5 hrs to fix
    myems-web/src/components/utilities/Typography.js on lines 307..319

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

    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

          <Col sm={6} className="pl-sm-2 mb-3">
        <Card>
          <CardHeader>
            <h5 className="mb-0">Checkmarked List</h5>
            <p className="mb-0">
    Severity: Major
    Found in myems-web/src/components/utilities/Typography.js and 1 other location - About 5 hrs to fix
    myems-web/src/components/utilities/Typography.js on lines 294..306

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

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

        <Card className="mb-3">
      <CardHeader>
        <h5>Sizes</h5>
        <p className="mb-0">If you want different sizes of fonts, you may use the following classes.</p>
      </CardHeader>
    Severity: Major
    Found in myems-web/src/components/utilities/Typography.js and 6 other locations - About 2 hrs to fix
    myems-web/src/components/bootstrap-components/Buttons.js on lines 415..426
    myems-web/src/components/bootstrap-components/Buttons.js on lines 427..438
    myems-web/src/components/bootstrap-components/Buttons.js on lines 439..450
    myems-web/src/components/bootstrap-components/Buttons.js on lines 451..462
    myems-web/src/components/utilities/Typography.js on lines 156..169
    myems-web/src/components/utilities/Typography.js on lines 187..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 94.

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

        <Card className="mb-3">
      <CardHeader>
        <h5>Colors</h5>
        <p className="mb-0">Use the following colors to change the text color</p>
      </CardHeader>
    Severity: Major
    Found in myems-web/src/components/utilities/Typography.js and 6 other locations - About 2 hrs to fix
    myems-web/src/components/bootstrap-components/Buttons.js on lines 415..426
    myems-web/src/components/bootstrap-components/Buttons.js on lines 427..438
    myems-web/src/components/bootstrap-components/Buttons.js on lines 439..450
    myems-web/src/components/bootstrap-components/Buttons.js on lines 451..462
    myems-web/src/components/utilities/Typography.js on lines 156..169
    myems-web/src/components/utilities/Typography.js on lines 196..204

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

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

        <Card className="mb-3">
      <CardHeader>
        <h5>Paragraphs</h5>
        <p className="mb-0">
          This is a paragraph text. Following text are dummy copy text. Donec feugiat lorem dolor, eu fringilla urna
    Severity: Major
    Found in myems-web/src/components/utilities/Typography.js and 6 other locations - About 2 hrs to fix
    myems-web/src/components/bootstrap-components/Buttons.js on lines 415..426
    myems-web/src/components/bootstrap-components/Buttons.js on lines 427..438
    myems-web/src/components/bootstrap-components/Buttons.js on lines 439..450
    myems-web/src/components/bootstrap-components/Buttons.js on lines 451..462
    myems-web/src/components/utilities/Typography.js on lines 187..195
    myems-web/src/components/utilities/Typography.js on lines 196..204

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

    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

            <p className="mb-0">
          <strong>theme</strong> has all the html headings, <code>&lt;h1&gt;</code> through <code>&lt;h6&gt;</code>,
          styled for you. Also you can use <code>.h1</code> through <code>.h6</code> classes when you want to match the
          font styling of a heading but still want your text to be displayed inline.
        </p>
    Severity: Major
    Found in myems-web/src/components/utilities/Typography.js and 1 other location - About 2 hrs to fix
    myems-web/src/components/utilities/Embed.js on lines 24..29

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

    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

          <CardHeader>
        <h5>Lead Paragraph and Drop cap</h5>
        <p className="mb-0">
          Make a paragraph stand out by adding <code>.lead</code> and for drop cap, use <code>.dropcap</code> class.
        </p>
    Severity: Major
    Found in myems-web/src/components/utilities/Typography.js and 1 other location - About 1 hr to fix
    myems-web/src/components/bootstrap-components/Buttons.js on lines 404..410

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

            <p className="mb-0">
          Use these tags for inline styling. Feel free to use <code>&lt;b&gt;</code> and <code>&lt;em&gt;</code> tags
          insted of <code>&lt;strong&gt;</code> and <code>&lt;i&gt;</code> tags.
        </p>
    Severity: Major
    Found in myems-web/src/components/utilities/Typography.js and 1 other location - About 1 hr to fix
    myems-web/src/components/utilities/Flex.js on lines 440..445

    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

    There are no issues that match your filters.

    Category
    Status