Card list items now have ids in DOM

bcrebel · May 3, 2018 · 0029fa6 · 0029fa6
1 parent 0fbdc72
commit 0029fa6
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/components/Game/Cards.js b/src/components/Game/Cards.js
@@ -33,7 +33,10 @@ class Card extends React.Component {
 
 	render() {  
 
-		return (<li type={this.props.type} status={this.state.status} onClick={this.handleClick} className={this.state.flipped ? styles.flipped : null}> 
+		return (<li type={this.props.type}
+			id={this.props.id} 
+			status={this.state.status} onClick={this.handleClick} 
+			className={this.state.flipped ? styles.flipped : null}> 
 			{this.props.children}
 		</li>)
 	}
@@ -85,7 +88,7 @@ class CardContainer extends React.Component {
 
 			return symbols.map((symbol, idx) => 
 
-				<Card key={'card-' + idx} type={symbol} clickEvent={this.gameStatus} id={symbol}>
+				<Card key={'card-' + idx} type={symbol} clickEvent={this.gameStatus} id={idx}>
 					<div>
 						<figure className={styles.front}></figure>
 						<figure className={styles.back}>{symbol}</figure>