# All files / react/MidEllipsis index.jsx

28.57% Statements 2/7
100% Branches 0/0
0% Functions 0/1
28.57% Lines 2/7

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

    1x

    1x

     import React from 'react'
    import cx from 'classnames'
    import PropTypes from 'prop-types'

    const MidEllipsis = props => {
      const { text, className } = props
      const partLength = Math.round(text.length / 2)
      const firstPart = text.substr(0, partLength)
      const lastPart = text.substr(partLength, text.length)

      return (
        <div className={cx('u-midellipsis', className)}>
          <span>{firstPart}</span>
          <span>{lastPart}</span>
        </div>
      )
    }

    MidEllipsis.propTypes = {
      text: PropTypes.string.isRequired,
      className: PropTypes.string
    }

    export default MidEllipsis