FB修正 コナミコマンドをクラス変数として定義

src/client/js/app.js

@@ -671,11 +671,10 @@ socket.on('page:editingWithHackmd', (data) => {
 });
 
 // render for stuff credit
-const konamiCommand = ['ArrowUp', 'ArrowUp', 'ArrowDown', 'ArrowDown', 'ArrowRight', 'ArrowLeft', 'ArrowRight', 'ArrowLeft', '5', '7', '3'];
 const pageStuffCreditElem = document.getElementById('staff-credit');
 if (pageStuffCreditElem) {
   ReactDOM.render(
-    <StaffCredit konamiCommand={konamiCommand}></StaffCredit>,
+    <StaffCredit></StaffCredit>,
     pageStuffCreditElem,
   );
 

src/client/js/components/StaffCredit/StaffCredit.jsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import keydown from 'react-keydown';
-import PropTypes from 'prop-types';
 
 /**
  * Page staff credit component
@@ -18,11 +17,12 @@ export default class StaffCredit extends React.Component {
     this.state = {
       userCommand: [],
     };
+    this.konamiCommand = ['ArrowUp', 'ArrowUp', 'ArrowDown', 'ArrowDown', 'ArrowRight', 'ArrowLeft', 'ArrowRight', 'ArrowLeft', '5', '7', '3'];
   }
 
   @keydown('enter', 'up', 'down', 'right', 'left', '5', '7', '3')
   check(event) {
-    if (this.props.konamiCommand[this.state.userCommand.length] === event.key) {
+    if (this.konamiCommand[this.state.userCommand.length] === event.key) {
       this.setState({ userCommand: this.state.userCommand.concat(event.key) });
     }
     else {
@@ -32,7 +32,7 @@ export default class StaffCredit extends React.Component {
 
   render() {
 
-    const isRender = this.state.userCommand.length === this.props.konamiCommand.length;
+    const isRender = this.state.userCommand.length === this.konamiCommand.length;
     if (isRender) {
       return <div>スタッフロール</div>;
     }
@@ -42,5 +42,4 @@ export default class StaffCredit extends React.Component {
 }
 
 StaffCredit.propTypes = {
-  konamiCommand: PropTypes.array,
 };