|
@@ -1,4 +1,4 @@
|
|
|
-import React, { useState } from 'react';
|
|
|
+import React, { useState, useEffect } from 'react';
|
|
|
import { dispatch } from '../../../../domain/gameStore';
|
|
|
import ClickMarkerMap from './ClickMarkerMap';
|
|
|
import styles from './GuessPane.module.css';
|
|
@@ -9,6 +9,17 @@ export default () => {
|
|
|
const [ submitted, setSubmitted ] = useState(false);
|
|
|
const [ bigMap, setBigMap ] = useState(false);
|
|
|
|
|
|
+ useEffect(() => {
|
|
|
+ const listener = event => {
|
|
|
+ if (event.code === 'Escape') {
|
|
|
+ setBigMap(b => !b);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ document.addEventListener("keydown", listener, false);
|
|
|
+ return () => document.removeEventListener("keydown", listener, false);
|
|
|
+
|
|
|
+ }, [])
|
|
|
+
|
|
|
const handleSubmitGuess = async () => {
|
|
|
setSubmitted(true);
|
|
|
if (!submitted) {
|