MyEMS/myems

File Flex.js has 454 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { Fragment } from 'react';
import { Card, CardHeader, CardBody } from 'reactstrap';
import FalconEditor from '../common/FalconEditor';
import PageHeader from '../common/PageHeader';

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

Open

    <Card className="mb-3">
      <CardHeader>
        <h5 className="mb-1">Fill</h5>
        <p className="mb-0">
          Use the <code>.flex-fill </code>class on a series of sibling elements to force them into widths equal to their

• Read up
  Read up

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

Open

    <Card className="mb-3">
      <CardHeader>
        <h5 className="mb-1">Enable flex behaviors</h5>
        <p className="mb-0">
          Apply <code>display</code> utilities to create a flexbox container and transform direct children elements into

• Read up
  Read up

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

Open

        <p className="mb-0">
          Use <code>justify-content </code>utilities on flexbox containers to change the alignment of flex items on the
          main axis (the x-axis to start, y-axis if <code>flex-direction: column</code>). Choose from start (browser
          default), <code>end</code>, <code>center</code>, <code>between</code>, or <code>around.</code>
        </p>

• Read up
  Read up

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

Open

        <p className="mb-0">
          Change the <em>visual </em>order of specific flex items with a handful of <code>order </code>utilities. We
          only provide options for making an item first or last, as well as a reset to use the DOM order. As
          <code>order </code>takes any integer value (e.g., <code>5</code>), add custom CSS for any additional values
          needed.

• Read up
  Read up