From a03790f191d0777b421d00508e20e51940198b49 Mon Sep 17 00:00:00 2001
From: Joni Laukka <jonilaukka@hotmail.com>
Date: Mon, 15 Jul 2019 18:32:10 +0300
Subject: [PATCH] Pressing esc closes playerlist
---
src/components/PlayerlistView.js | 14 ++++++++++++++
1 file changed, 14 insertions(+)
diff --git a/src/components/PlayerlistView.js b/src/components/PlayerlistView.js
index e6014ad..1097820 100644
--- a/src/components/PlayerlistView.js
+++ b/src/components/PlayerlistView.js
@@ -8,6 +8,9 @@ export default class PlayerlistView extends React.Component {
};
componentDidMount() {
+ // Add event to close the playerlist if "esc" is pressed
+ document.addEventListener("keyup", this.handleEsc);
+
let token = sessionStorage.getItem("token");
if (this.props.role !== "soldier" && this.props.role !== "factionleader") {
@@ -40,6 +43,17 @@ export default class PlayerlistView extends React.Component {
}
}
+ // remove view with "ESC"
+ handleEsc = e => {
+ if (e.keyCode === 27) {
+ this.props.toggleView();
+ }
+ };
+
+ componentWillUnmount() {
+ document.removeEventListener("keyup", this.handleEsc);
+ }
+
render() {
if (this.state.factions === null) {
return false;
--
GitLab