Unique IDs for vote-element.

See #109.
openlab-at-city-tech · May 2, 2018 · 1fcd18e · 1fcd18e
1 parent c24ba14
commit 1fcd18e
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 5 deletions.
diff --git a/build/index.js b/build/index.js
@@ -39151,6 +39151,8 @@ class ScoreDialog extends __WEBPACK_IMPORTED_MODULE_0_react___default.a.Componen
 			voteText = 'Join / login to like';
 		}
 
+		const voteElementId = 'vote-element-' + itemId;
+
 		const iconElement = __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('i', { 'aria-hidden': 'true', className: iconClass });
 
 		let voteElement;
@@ -39187,7 +39189,11 @@ class ScoreDialog extends __WEBPACK_IMPORTED_MODULE_0_react___default.a.Componen
 		if (!userCanVote) {
 			tooltip = __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(
 				__WEBPACK_IMPORTED_MODULE_2_react_tooltip___default.a,
-				{ id: 'vote-element', type: 'info', className: 'login-tooltip' },
+				{
+					id: voteElementId,
+					type: 'info',
+					className: 'login-tooltip'
+				},
 				voteText
 			);
 		}
@@ -39207,7 +39213,7 @@ class ScoreDialog extends __WEBPACK_IMPORTED_MODULE_0_react___default.a.Componen
 			),
 			__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(
 				'span',
-				{ 'data-tip': true, 'data-for': 'vote-element' },
+				{ 'data-tip': true, 'data-for': voteElementId },
 				voteElement
 			),
 			tooltip

diff --git a/build/index.js.map b/build/index.js.map
diff --git a/src/components/ScoreDialog.js b/src/components/ScoreDialog.js
@@ -42,6 +42,8 @@ export default class ScoreDialog extends React.Component {
 			voteText = 'Join / login to like'
 		}
 
+		const voteElementId = 'vote-element-' + itemId
+
 		const iconElement = <i aria-hidden="true" className={iconClass}></i>
 
 		let voteElement
@@ -68,7 +70,13 @@ export default class ScoreDialog extends React.Component {
 
 		let tooltip
 		if ( ! userCanVote ) {
-			tooltip = <ReactTooltip id='vote-element' type='info' className='login-tooltip'>{voteText}</ReactTooltip>
+			tooltip = (
+				<ReactTooltip 
+					id={voteElementId}
+					type='info' 
+					className='login-tooltip'
+				>{voteText}</ReactTooltip>
+			)
 		}
 
 		return (
@@ -79,7 +87,7 @@ export default class ScoreDialog extends React.Component {
 				</span>
 
 				{/* span wrapper is to allow tooltip on disabled button */}
-				<span data-tip data-for='vote-element'>
+				<span data-tip data-for={voteElementId}>
 					{voteElement}
 				</span>
 				{tooltip}