diff --git a/src/components/Word/index.js b/src/components/Word/index.js index 348b31441..623562529 100644 --- a/src/components/Word/index.js +++ b/src/components/Word/index.js @@ -28,7 +28,14 @@ export default class Word extends React.Component { return title; } - handleWordClick = () => { + handleWordPlay = () => { + const { word } = this.props; + const audio = new Audio(word.audio.url); // eslint-disable-line + + audio.play(); + } + + handleSegmentPlay = () => { const { word, currentVerse, audioActions, audioPosition, isPlaying, isSearched } = this.props; if (isSearched) { @@ -60,7 +67,8 @@ export default class Word extends React.Component { { ...bindTooltip} key={word.code} id={id} - onClick={this.handleWordClick} + onDoubleClick={this.handleSegmentPlay} + onClick={this.handleWordPlay} className={`${className} pointer`} title={this.buildTooltip(word, tooltip)} dangerouslySetInnerHTML={{ __html: word.code }} diff --git a/src/types/wordType.js b/src/types/wordType.js index af5285254..76e247740 100644 --- a/src/types/wordType.js +++ b/src/types/wordType.js @@ -9,7 +9,6 @@ export default PropTypes.shape({ lineNumber: PropTypes.number.isRequired, pageNumber: PropTypes.number.isRequired, position: PropTypes.number.isRequired, - resourceId: PropTypes.number.isRequired, translation: PropTypes.shape({ languageName: PropTypes.string, text: PropTypes.string