All files / src/list/GridStencils GridStencils.js

100% Statements 3/3
50% Branches 4/8
100% Functions 1/1
100% Lines 3/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42            1x   1x                                                 1x                
import React from 'react';
import { propTypes } from './props/propTypes';
import style from './GridStencils.module.css';
 
export default class GridStencils extends React.Component {
  render() {
    let { lineBar, from, isThreeLayout, styles, order } = this.props;
 
    return (
      <div
        className={
          from == 'leftPanel' && isThreeLayout
            ? `${style.stenLoading} ${style.threeLayout}`
            : from == 'leftPanel'
            ? `${style.stenLoading} ${style.leftCont}`
            : style.stenLoading
        }
        style={styles}
        order={order}
      >
        {lineBar ? (
          <div className={style.stenLoadbody}>
            <div className={`${style.lineBar} ${style.stenListBAr}`} />
            <div className={`${style.lineBar2} ${style.stenListBAr}`} />
            <div className={`${style.lineBar3} ${style.stenListBAr}`} />
          </div>
        ) : (
          ''
        )}
      </div>
    );
  }
}
GridStencils.propTypes = propTypes;
 
// if (__DOCS__) {
//   GridStencils.docs = {
//     folderName: 'List',
//     componentGroup: 'GridStencils'
//   };
// }