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 | 1x 6x 1x 3x 1x 2x 2x 2x | import React from 'react'; import './Lect.css'; export const ENDING_PUNCTUATION = ['.', '!', '?']; export const getSpacer = text => (ENDING_PUNCTUATION.includes(text.slice(-1)) ? ' ' : ' '); const Lect = ({ lect, shouldHighlight, showModal }) => { if (!lect) { return null; } const className = [ 'Lect', shouldHighlight ? 'highlighted' : 'unHighlighted', ].join(' '); const spacer = getSpacer(lect.text); return ( <span className={ className } onClick={ /* istanbul ignore next */ () => showModal(lect) } aria-hidden='true' > { `${lect.text}${spacer}` } </span> ); }; export default Lect; |