|
@ -15,7 +15,7 @@ import Metrics from "../themes/Metrics"; |
|
|
|
|
|
|
|
|
function Game(props){ |
|
|
function Game(props){ |
|
|
|
|
|
|
|
|
const squareChallenge = useRef(genSquareChallenge()); |
|
|
const [squareChallenge, setSquareChallenge] = useState(() => {return genSquareChallenge()}); |
|
|
const challengeState = useRef(-1); |
|
|
const challengeState = useRef(-1); |
|
|
const squareMemo = useMemo(renderPairs, [challengeState.current]); |
|
|
const squareMemo = useMemo(renderPairs, [challengeState.current]); |
|
|
const [timerState, setTimerState] = useState(0); |
|
|
const [timerState, setTimerState] = useState(0); |
|
@ -159,7 +159,7 @@ function Game(props){ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
function renderPairs(){ |
|
|
function renderPairs(){ |
|
|
return squareChallenge.current.map((pair, index) => { |
|
|
return squareChallenge.map((pair, index) => { |
|
|
return generatePair(pair.squarePos, pair.shapeType, index); |
|
|
return generatePair(pair.squarePos, pair.shapeType, index); |
|
|
}); |
|
|
}); |
|
|
} |
|
|
} |
|
@ -193,7 +193,7 @@ function Game(props){ |
|
|
</View> |
|
|
</View> |
|
|
<View style={[styles.timerView, styles.dark, styles.centeredJustify]}> |
|
|
<View style={[styles.timerView, styles.dark, styles.centeredJustify]}> |
|
|
<Text style={[styles.lightText, styles.headerTitleFont, styles.centeredText]}> |
|
|
<Text style={[styles.lightText, styles.headerTitleFont, styles.centeredText]}> |
|
|
{answers.current + ' / ' + squareChallenge.current.length} |
|
|
{answers.current + ' / ' + squareChallenge.length} |
|
|
</Text> |
|
|
</Text> |
|
|
</View> |
|
|
</View> |
|
|
</SafeAreaView> |
|
|
</SafeAreaView> |
|
|