|
@ -139,8 +139,8 @@ function Game(props){ |
|
|
function generatePair(answer, shapeIndex, pairIndex) { |
|
|
function generatePair(answer, shapeIndex, pairIndex) { |
|
|
if (answer === 0) { |
|
|
if (answer === 0) { |
|
|
return ( |
|
|
return ( |
|
|
<Fade faded={challengeState.current !== pairIndex} duration={100}> |
|
|
<Fade key={pairIndex} faded={challengeState.current !== pairIndex} duration={100}> |
|
|
<View key={pairIndex} style={[styles.flexRow, styles.spaceEvenly, styles.buttonMargin]}> |
|
|
<View style={[styles.flexRow, styles.spaceEvenly, styles.buttonMargin]}> |
|
|
{generateSquare(pairIndex)} |
|
|
{generateSquare(pairIndex)} |
|
|
{generateShape(shapeIndex, pairIndex)} |
|
|
{generateShape(shapeIndex, pairIndex)} |
|
|
</View> |
|
|
</View> |
|
@ -148,8 +148,8 @@ function Game(props){ |
|
|
); |
|
|
); |
|
|
} else { |
|
|
} else { |
|
|
return ( |
|
|
return ( |
|
|
<Fade faded={challengeState.current !== pairIndex} duration={100}> |
|
|
<Fade key={pairIndex} faded={challengeState.current !== pairIndex} duration={100}> |
|
|
<View key={pairIndex} style={[styles.flexRow, styles.spaceEvenly, styles.buttonMargin]}> |
|
|
<View style={[styles.flexRow, styles.spaceEvenly, styles.buttonMargin]}> |
|
|
{generateShape(shapeIndex, pairIndex)} |
|
|
{generateShape(shapeIndex, pairIndex)} |
|
|
{generateSquare(pairIndex)} |
|
|
{generateSquare(pairIndex)} |
|
|
</View> |
|
|
</View> |
|
|