:syringe: FB修正 コナミコマンドをstate→propに修正

src/client/js/app.js

@@ -671,10 +671,11 @@ 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></StaffCredit>,
+    <StaffCredit konamiCommand={konamiCommand}></StaffCredit>,
     pageStuffCreditElem,
   );
 

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

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