All files / src/components/Detailsboard index.jsx

88.89% Statements 8/9
40% Branches 2/5
100% Functions 2/2
88.89% Lines 8/9
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                1x 1x 1x 1x   1x           1x 1x           1x            
import styles from './style.postcss';
 
import React from 'react';
import pure from 'recompose/pure';
import classnames from 'classnames';
import is from 'is_js';
import PropTypes from 'prop-types';
 
export const DetailsBoard = (props) => {
  const classesBoard = classnames(styles.Detailsboard_board);
  const classesH5 = classnames(styles.Detailsboard_h5);
  const classesP = classnames(styles.Detailsboard_p);
 
  return <div className={classesBoard}>
    <h5 className={classesH5}>{props.boardTitle}</h5>
    <p className={classesP}>{judgeValue(props.boardValue)}</p>
  </div>;
 
  function judgeValue(boardValue) {
    Eif (! is.not.undefined(boardValue) || ! boardValue || boardValue === '') {
      return '_';
    }
    return boardValue;
  }
};
 
DetailsBoard.propTypes = {
  boardTitle: PropTypes.string.isRequired,
  boardValue: PropTypes.string.isRequired,
};
 
export default pure(DetailsBoard);